vue(vue-cli脚手架)单页面工程, 配置添加其它html

仿照index.html 注入main.js的方法

具体原理, 可以去网上查下, 说的都很详细, 没有什么问题

 

  • webpack.base.conf.js 中添加新页面的注入入口(这里以login为例) 

配置好入口名称, 与对应的js文件.

vue(vue-cli脚手架)单页面工程, 配置添加其它html_第1张图片

  • webpack.dev.conf.js 中添加新页面配置

vue(vue-cli脚手架)单页面工程, 配置添加其它html_第2张图片

 

build时, 对应webpack.prod.conf.js也作相应修改

vue(vue-cli脚手架)单页面工程, 配置添加其它html_第3张图片

 

 

  • 添加文件login.js, login.html目标(我在login.js里使用了login.vue), 根据上面的配置路径.

 

  • 基本工作就完成了, 下面就是写代码了. 

下面贴上我的代码, 供参考(学习阶段使用, 勿笑 :)

vue(vue-cli脚手架)单页面工程, 配置添加其它html_第4张图片

vue(vue-cli脚手架)单页面工程, 配置添加其它html_第5张图片

Login.vue放在了src/components/目录下, 内容如下







 

你可能感兴趣的:(JS)