webpack笔记（二） ：loader

前面写了如何去构建一个最基础的webpack配置
现在来说一下在实际开发中会用到的一些东西

1.通过npm install 来安装所需要的loader
2.在webpack.config.js文件中的module关键字下进行配置

webpack中文网站

第一步：在上诉网站的中文文档网页里的loader下面选择所需要安装的loader

先安装一个打包css的loader（其他loader安装配置类似）


这里就可以按照官方文档的手册来进行安装
安装好后的代码如下：

图片：url-loader (该loader将限制大小内的图片转化为base64的字符串)
文件：file-loader (该loader会将其转化为32位16进制的哈希)

1. 注意要在webpack.config.js文件下面的output对象里添加publicPath: 'dist/'
   目的是为了将转化后的 文件直接打包到dist(生产文件当中去)不然会出现引用不了的错误

2. file-loader无需在wabpack.config.js文件下面写用法

3. 可以在url-loader 的option下配置 name: "img/[name].[hash:8].[ext]"

ES6 ->ES5: babel-loader