webpack~关于使用包详解（随时更新）

"bootstrap-daterangepicker": "^2.1.25",//bootstrap 新版本日历时间范围框架

"echarts": "^3.2.2",//做图表的

"font-awesome": "^4.6.3",//引用图表

"highcharts": "^4.2.5",// 交互性图表

"lodash": "^4.13.1",//实用工具库

"rsvp": "^3.2.1",//异步处理

"simditor": "^2.3.6",//富文本编辑器 js插件

"babel-core": "^6.21.0",//转换es6的代码，与下面的一起

"babel-loader": "^6.2.10",//转换es6的代码

 "eslint": "^3.18.0", "eslint-loader": "^1.6.3",//检查代码工具

"file-loader": "^0.10.1",

//一般限制小图片转 base64 可以用 url-loader，其他情况都用 file-loader。

//url-loader是对file-loader的上层封装，比如webpack中对图片的加载器配置

//{test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192'}

//这样在小于8K的图片将直接以base64的形式内联在代码中，可以减少一次http请求。

"json-loader"//json的处理

"gulp-webpack": "^1.5.0",//gulp-webpack 的集成工具

"html-webpack-plugin"//"^2.19.0",//定义版本号

"less-loader": "^2.2.3",//转为less

"raw-loader": "^0.5.1",//把html转为字符串

"run-sequence": "^1.2.2",

"sass-loader": "^4.0.2",//转为sass

"script-loader": "^0.7.0",

"style-loader": "^0.13.1",//转为css插入到html里面

"webpack": "^1.9.11",

"wrench": "^1.5.9"

//递归删除chmodding一个目录（甚至是深度复制一个目录）

一、loaders之 预处理

• css-loader 处理css中路径引用等问题
• style-loader 动态把样式写入css
• sass-loader scss编译器
• less-loader less编译器
• postcss-loader scss再处理

二、loaders之 js处理

• babel-loader
• jsx-loader