小白入前端几个月, 资历尚浅, 希望不对地方, 多多包涵
官方脚手架搭建 vue 项目
TIM 图片 20180609230914.png
在 src 目录下复制 app 内容创建 test.vue,demo.vue,
main.js 复制 main.js 内容 demo.js,test.js, 修改一下内容
TIM 图片 20180609232027.png
在根目录下创建 test.html,index.html 指向 demo
下面 demo.html 替换成 index.html
(好像必须存在 index, 不然页面报错 Cannot GET /) 暂时不知道什么原理
创建完成目录如下
TIM 图片 20180609230914.png
接下来重点部分
修改在 build 目录下 webpack.base.conf.js, 找到 entry, 在那里配置添加多个入口
TIM 图片 20180609233355.png
修改在 build 目录下 webpack.dev.conf.js 文件, 在 module.exports 那里找到 plugins
TIM 图片 20180609233751.png
现在运行代码 npm run dev
进入其他页面
http://localhost:8080/test.html
打包发布项目时候配置的
修改在 build 目录下 webpack.prod/conf.js 文件, 在 plugins 那里找到 HTMLWebpackPlugin
TIM 图片 20180609234057.png
来源: http://www.jianshu.com/p/c778e5145750