Skip to content

vue-cli template for multi page with gulp and browser-sync

Notifications You must be signed in to change notification settings

yangblink/vue-webpack-multi

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

基础分支

本仓库这是基于 webpack修改而来

如何使用

npm install vue-cli -g

vue init yangblink/vue-webpack-multi myproject

cd myproject

npm install

gulp -p

更多命令

gulp help

使用Flexible作为适配方案

在初始化模版的时候可以选择是否是用flexible,这是一套淘宝网h5正在使用的方案,如果选择yes之后将会默认安装px2rem-postcss插件,该插件会将所有css中的px除以75转化为rem,如果不希望转换需要在css后添加注解/* no */:

.t1 {
    width: 300px;  /* no */
}

为什么使用gulp

webpack虽然非常强大,但是他更多的功能是在打包构建上,有时候我们开发的时候不止是打包,比如需要模版文件快速生成一个组件,本模版可以通过 gulp page -n namegulp page -n component快速生成页面和组件,如果模版需要定制化也可以修改 build/template-***下的相关原始模版文件。

多页面的支持

目前所有的页面都是一级结构,暂不支持有层级结构的页面

多页面的资源

当多页面同时引用的相同资源的时候,可以在config/index.js中的 common中配置

更多文档参考

webpack

About

vue-cli template for multi page with gulp and browser-sync

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published