descire

优势插件(Plugins) webpack中有丰富的插件，你可以找到你需要的插件，并且它又是那么的易用。表现(Performance) webpack采用异步IO和多个缓存层次使得增量编译的速度快的让人难以置信。加载器(Loaders) 对于加载器带给我们太多的便利，举几个栗子吧： (1) 为我们的CSS添加前缀。 (2) 将小于8KB的图片base64 (3) 使用less预处理

目的配置es6环境，同时实现js的压缩。安装babel npm install --save-dev babel-core babel-preset-es2015安装babel-loader npm install --save-dev babel-loader根目录简历配置文件.babelrc { "presets": [ "es2015" ] }文件结构

两种极端的加载JS模块的方式 -------------- 一个个的加载 -------------- 优势： 仅仅需要的被加载。 劣势： 请求数太多，请求的延迟造成了应用启动的缓慢 ---------------------- 将所有的模块做一次请求 ---------------------- 优势： 更少的请求数，更少的请求延迟。 劣势： 当前可能未

我们需要解决的问题在js中通过require引用css资源使用css预编译器,这里我使用的是less(less, sass, stylus你可以自行选择)告别烦人的css前缀准备工作通过require()引用css文件需要的包： cnpm install --save-dev style-loader css-loader使用less预编译器需要的包： cnpm install --sa

图片的使用方式在web中引用图片的三种方式： * 直接在css中设置background-image * 在js中设置backgroundImage * img标签中通过src引用实践针对于前面两种情况，我们可以使用url-loader针对于第三种情况，我们可以使用html-withimg-loader.small { width: 64px; height: 64px