vue项目多入口教程

小白入前端几个月，资历尚浅，希望不对地方，多多包涵

官方脚手架搭建vue项目

在src 目录下复制app内容创建test.vue，demo.vue，

main.js复制main.js内容demo.js，test.js，修改一下内容

在根目录下创建test.html，index.html指向demo

下面demo.html替换成index.html

(好像必须存在index，不然页面报错 Cannot GET /)暂时不知道什么原理

创建完成目录如下

接下来重点部分

修改在build目录下webpack.base.conf.js，找到entry，在那里配置添加多个入口

修改在build目录下webpack.dev.conf.js文件，在module.exports那里找到plugins

现在运行代码 npm run dev 进入其他页面 http://localhost:8080/test.html

打包发布项目时候配置的 修改在build目录下webpack.prod/conf.js文件，在plugins那里找到HTMLWebpackPlugin