大佬教程收集整理的这篇文章主要介绍了详解vue-cli + webpack 多页面实例配置优化方法，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

本文介绍了vue-cli + webpack 多页面实例配置优化方法，分享给大家

vue+webpack是否有多页面

目前使用vue来做项目，估计大部分都是单页面（SPA）应用，一个轻型的 MVVM 框架，谁用了MVVM框架，就再也回不去JQ时代了，哈哈。

在手机端的项目，使用vue + vue-router是high到爆，不仅仅是我们开发的而言，最主要的用户体检也是开足马力，体检感杠杠的。

那问题来了，使用vue+webpack的单页面是爽到爆，那如果是多页面也能不能high到爆呢？那当然呀，必须的必，vue、webpack的忠粉（哈哈，好像这忠粉不关系到多页面的）。

在谷歌找vue 多页面，实例还是比较少，功夫不负有心人，在yaoyao1987那找到了，具体可以到这个yaoyao1987 github，非常感谢yaoyao1987童鞋，今天要讲的内容是基于yaoyao1987童鞋的多页面实例上再优化的。

优化了点啥

github地址：https://github.com/bluefox1688/vue-cli-multi-page

优化的内容

我们先来讲讲，具体我们优化了什么内容。

1. 增加全局统一使用的模块Lib.js库，可能这里看不明白，不要紧，后面会讲到。
2. 支持字体图标
3. 增加干净的页面、组件的模板，复制即可以使用。
4. 去掉多余的代码注释，坑了我的注释，别再坑人了
5. 构建时，增加对css打包的支持
6. 提取公共模块........

使用方法

调试环境 serve with hot reload at http://localhost:8083/module/login.html

npm run dev

生产环境 build for production with minification

npm run build

大佬总结

以上是大佬教程为你收集整理的详解vue-cli + webpack 多页面实例配置优化方法全部内容，希望文章能够帮你解决详解vue-cli + webpack 多页面实例配置优化方法所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。