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