本篇主要讲述用gulp+webpack构建多页应用

折腾到现在，项目还必须要进行，.vue文件必须要加载，也就是webpack必须引入。
时间不多了，抛弃上个方案之后，只能牺牲热加载性能，用gulp+webpack构建。

文章目录

1. 1. 替换js打包方法
2. 2. 项目优化（基于webpack）
   1. 2.1. 1. alias 还记得小李子的故事吗
   2. 2.2. 2. 暴露全局变量
   3. 2.3. 3. 提取公共文件
   4. 2.4. 更多优化点，问度娘。

理论支持：沿用之前的gulp配置，唯一需要改变的是 之前用browserify打包js替换成webpack打包，想来也好像没什么问题的样子。

替换js打包方法

1 2	browserify -----> webpack #增加一个 gulp task，没什么可说的

当然，程序没那么容易跑起来，换了一个打包方式，肯定各种文件资源路径不对等等各种报错，请自行根据具体Error具体解决。

项目优化（基于webpack）

程序可以正常启动以后，就要考虑优化的方式了，毕竟我们的初衷并不是仅仅换一个js的打包方式。

1. alias 还记得小李子的故事吗

2. 暴露全局变量

暴露常用插件到全局共用，比如vue,jquery等等，具体方式点参考之前讲述

3. 提取公共文件

调用webpack内置插件功能 点击查看

1 2 3 4 5

new webpack.optimize.CommonsChunkPlugin({ name: "common", filename: "js/common.js", chunks: ['vue', 'jquery] })

更多优化点，问度娘。

最新文章

1. resize2fs命令使用
2. iscroll
3. js判断中文
4. 解决Fedora解压文件产生乱码的问题
5. WPF 中更新界面信息
6. Linux系统下 解决Qt5工程打不开的方法
7. C#连接数据库的四种方法(转）
8. 如何使用 PagedList.Mvc 分页
9. Wex5案例使用JSON传输Thinkphp后端对接，以达成数据正常输出
10. fir.im Weekly - 2016 移动开发技术大回顾
11. C# 时间函数
12. java内存被释放的小例子
13. c# PadLeft,PadRight用法
14. Qt String 与char* char int之间的转换
15. 网站制作---eWebeditor不兼容IE8问题的解决方法
16. VirtualBox: How to config higher screen resolution
17. laravel windows安装
18. Python中getopt()函数的使用
19. JavaScript入门学习笔记（表单验证）
20. 如何下载github子目录文件

热门文章

1. 和redis谈一场恋爱（第二天约会了解彼此）
2. php 读取excel表格中的内容
3. Facebook Messenger的后台架构是什么样的？
4. 转移大于2m的pdf文件到另外一个文件夹
5. 10月16日下午MySQL数据库CRUD操作（增加、删除、修改、查询）
6. JavaScript排序算法——快速排序
7. ListView 里面嵌套 GridView 遇到的问题及其解决方法。
8. UnityShader：HSV(色相，饱和度，亮度)转换
9. centos忘记开机密码
10. EF DbModelBuilder