webpack构建vue多页面应用配置2.0版本,请进入https://github.com/Wbiokr/my-vue-cli
- 安装依赖:cnpm install;
- 开发模式:npm run dev;
- 生产构建:npm run build;
插件依赖
webpack配置文件;
其中:变量hostName、devPort、插件OpenBrowserPlugin可以按需更改
- components:常用以及公共组件文件夹;
- font:字体库;
- modules:常用js模块;
- style:mixin为sass常用函数,自己可以按需添加;normalize为站内重置css;
- view:页面模板(模板中采用scale以及按像素、密度改变rem值响应式开发方案);
开发多页面应用时,页面独占文件夹。
-
3.1 开发模式
默认设置本地域名,8088端口,自己可以按需改为电脑ip进行本机测试
-
3.2 生产构建
页面打包之后:根目录dist,并产生css,img,js,views子目录,css,js,html分别打包为其单页面名称,并生成vue库公用js模块vendor。