CSS预处理：sass、Less等等

代码质量：虽然没有错误，但是有警告，有些变量冗余，不美观

webpack就是node写出来的：模块化打包机，输入和 输出；比如将es6转变为es5，这就用到了loader，插件，

loader是用来编译的：将源代码进行转换成相对应的语言

vue-loader:就是将vue文件转换成HTML文件，浏览器才能识别，vue之所以功能强大，就是因为里面封装好了很多插件，功能，就是生成了集成群；

 

一般的打包（人工打包）：就是将写好的代码封装到一个匿名函数，自己调用自己，不会和其他函数里面的变量相互干扰

 

webpack打包：给机器打包，将多个文件打包后最终输出，根据webpack的配置文件（webpack.config.js）来输出相应的函数,其实就是node.js来执行相应的操作的

 

webpack打包以后，会有代码量的增加，占的内存也大；

前端测试：

 安装：

cnpm install webpack -g