博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue项目多入口教程
阅读量:6968 次
发布时间:2019-06-27

本文共 480 字,大约阅读时间需要 1 分钟。

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

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

转载地址:http://eyssl.baihongyu.com/

你可能感兴趣的文章
当Ctrl+Alt+Del失效时,你需要用net user 来改密码
查看>>
C++的变量作用域
查看>>
ES搭建
查看>>
长sql与sql执行进度
查看>>
Java命名规范
查看>>
Openwrt通过tc,iptalbes限速
查看>>
get_hard_info.sh
查看>>
从0开始
查看>>
腾讯网络技术TGW
查看>>
Windows Server入门系列之十二 进程管理
查看>>
搭建DHCP服务器
查看>>
Linux的watch命令 — 实时监测命令的运行结果
查看>>
IO多路复用之epoll总结
查看>>
关于计算机脱域
查看>>
cisco c4507R-E 交换机启动不起来
查看>>
java web 自定义标签
查看>>
2019活动技术(Eventech)的新趋势
查看>>
mac系统安装/升级node
查看>>
数据库-----同义词
查看>>
python venv actieve uninstall pack-name sitepage
查看>>