vue设置多入口教程


官方脚手架搭建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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM