内容简介:项目 src 文件夹结构如下:打包之后 dist 文件夹结构如下:
项目结构
项目 src 文件夹结构如下:
打包之后 dist 文件夹结构如下:
修改哪些文件
- 新增 utils 文件夹
utils 文件夹下新增四个文件:
getPages.js // 用来获取 pages 文件夹下的文件名称,vue.config.js 使用 cssCopy.js // webpack 打包之后各页面的 css 文件复制到各个文件夹下 jsCopy.js // webpack 打包之后各页面的 js 文件复制到各个文件夹下 htmlReplace.js // 解决打包之后各页面 html 文件引入的 css、js 文件的路径问题
-
vue.config.js
+ let pageMethod = require('./utils/getPages.js') + let pages = pageMethod.pages() module.exports = { - // publicPath: './', // 注意此行,会影响 htmlReplace.js 文件 + pages }
注意事项
每个页面的 .html
文件必须不能同名,不然本地开发环境无法拆分页面,本地如果想访问其他页面的话,地址如下: http://localhost:8080/order.html
。
最好的处理方式是每个页面的文件夹名字和 .vue
名字和 .html
名字和 .js
的名字都一样,这样打包时容易拆分。
参考
其实这篇文章不算原创,是参考其他文章写的,原文章真的是太简陋了....
原文地址: CSDN - lizhen_software
示例仓库地址: vue-more-pages
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Google 广告优化与工具
宫鑫 / 电子工业出版社 / 2010-7 / 60.00元
《Google 广告优化与工具》全面地阐述了Google AdWords这个高效广告投放平台的各方面内容,包括Google广告的渠道组成、质量得分、关键词和广告语策略、后期跟踪机制以及各种辅助工具的使用等。引导读者一步步建立一个强大的Google搜索引擎营销投放策略。本书案例丰富、知识面广且层次清晰,适用于各个层次的搜索引擎营销优化人员,不论是电商企业的领导人、工作在账户优化第一线的具体操作者、营......一起来看看 《Google 广告优化与工具》 这本书的介绍吧!
JSON 在线解析
在线 JSON 格式化工具
HEX CMYK 转换工具
HEX CMYK 互转工具