Loaders

鼎鼎大名的Loaders登场了！

1、什么是loaders

　　Loaders是webpack中最让人激动人心的功能之一了。通过使用不同的loader，webpack通过调用外部的脚本或工具可以对各种各样的格式的文件进行处理，

　　比如说分析JSON文件并把它转换为JavaScript文件，或者说把下一代的JS文件（ES6，ES7)转换为现代浏览器可以识别的JS文件。或者说对React的开发而言，

　　合适的Loaders可以把React的JSX文件转换为JS文件。

2、loaders的配置参数

Loaders需要单独安装并且需要在webpack.config.js下的modules关键字下进行配置，Loaders的配置选项包括以下几方面：

• test：一个匹配loaders所处理的文件的拓展名的正则表达式（必须）
• loader：loader的名称（必须）
• include/exclude:手动添加必须处理的文件（文件夹）或屏蔽不需要处理的文件（文件夹）（可选）；
• query：为loaders提供额外的设置选项（可选）

3、loader的安装

　　//安装可以装换JSON的loader

　　npm install --save-dev json-loader

　　module: {

    　　rules: [

      　　{

        　　test: /\.json$/,

       　　 use: 'json-loader'

      　　}

    　　]

  　}，

//config.json

{

  "greetText": "Hi there and greetings from JSON!"

}

　　var config = require('./config.json');

　　module.exports = function() {

 　　 var greet = document.createElement('div');

  　　greet.textContent = config.greetText;

  　　return greet;

　　};