46.手把手教VUE的Webpack使用

本章节代码在码云以压缩包形式上传：

徐鹏/vueWebpack

目录

本章节代码在码云以压缩包形式上传

一、模块化

1、为什么需要模块化

2、常见的模块化规范*

3、ES的导入导出

二、什么是Webpack

三、Webpack安装

四、Webpack初体验

五、Webpack配置

六、css模块化配置

七、less文件的处理

八、引入图片

九、ES6转ES5的babel

十、在webpack中整合Vue

十一、vue的终极解决方案（重要）

十二、plugin

1.添加版权的plugin

2.打包html的plugin

3.压缩js的plugin

4.热部署

5.配置文件的分离

---

一、模块化

1、为什么需要模块化

以前的前端代码有两个问题：

（1）.全局变量会被不同的地方赋值。比如我创建一个全局flag，值为true，我要用的时候发现为false，原来公司同事把我这个在他那边变了false，就很困扰。针对全局变量被不同赋值，我们通过匿名内部类

（2）虽然上面问题解决了，又有新问题：我匿名内部类的代码我想复用又不行了。解决方案：运用面向对象思想进行模块化开发

2、常见的模块化规范*

既然要用模块化了，肯定要遵循规范，常见规范：

• CommonJS
• AMD
• CMD
• ES6的Modules
</