本仓库这是基于 webpack修改而来
npm install vue-cli -g
vue init yangblink/vue-webpack-multi myproject
cd myproject
npm install
gulp -p
gulp help
在初始化模版的时候可以选择是否是用flexible,这是一套淘宝网h5正在使用的方案,如果选择yes之后将会默认安装px2rem-postcss插件,该插件会将所有css
中的px
除以75
转化为rem
,如果不希望转换需要在css后添加注解/* no */
:
.t1 {
width: 300px; /* no */
}
webpack虽然非常强大,但是他更多的功能是在打包构建上,有时候我们开发的时候不止是打包,比如需要模版文件快速生成一个组件,本模版可以通过 gulp page -n name
和 gulp page -n component
快速生成页面和组件,如果模版需要定制化也可以修改 build/template-***
下的相关原始模版文件。
目前所有的页面都是一级结构,暂不支持有层级结构的页面
当多页面同时引用的相同资源的时候,可以在config/index.js
中的 common
中配置