vue webpack多页面构建的实例代码第1/3页

项目示例地址：

项目运行:

下载项目之后

一、开发环境

node v6.11.0

二、安装vue-cli脚手架

npm install -g

三、初始化项目

四、修改配置支持多页面

将项目根目录index.html,src下的文件删除，重新调整的src结构目录：

(1) 修改build/util.js,在文件最后添加

将目录映射成配置。如./src/entry/login/login.js变成映射{login: './src/entry/login/login.js'}

(2) 修改build/webpack.base.conf.js,找到entry属性,使用了uitls.js文件中新添加的方法getEntries，将entry中的js都映射成程序的入口

(3) 修改build/webpack.dev.conf.js

删除文件内原有的HtmlWebpackPlugin相关内容

在文件最后添加

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!