使用加载器

什么是加载器？

加载器是对你的应用的源文件进行转换的工具。比如说你可以用加载器来加载coffeescript、CSS或者JSX.

加载器的特征

• 可以对源文件进行链式操作，最后一个加载器将返回js文件，中间的加载器则返回一些特定格式的文件。
• 可以是异步操作，也可以是同步操作。
• 在Nodejs下跑。
• 可以接收查询参数，这一点可以用来向加载器传递配置参数。
• 可以在配置文件里限定文件后缀/正则表达式。
• 可以通过npm发布和下载。
• 可以access到配置文件。
• 插件可以给加载器更多功能。
• etc

使用加载器

通过配置文件操作

首先安装加载器：

    npm install jade-loader  css-loader style-loader --save-dev

在配置文件里用正则表达式来绑定加载器：

    {
        module: {
            loaders: [
                { test: /\.jade$/, loader: "jade" },
                // => "jade" loader is used for ".jade" files

                { test: /\.css$/, loader: "style!css" },
                // => "style" and "css" loader is used for ".css" files
                // Alternative syntax:
                { test: /\.css$/, loaders: ["style", "css"] },
            ]
        }
    }

通过CLI操作

以上的方法是通过配置文件来操作，如果直接在CLI上操作，那么可以这样写：

webpack --module-bind jade --module-bind 'css=style!css'

查询参数

加载器也可以附上查询参数，就跟HTTP请求里一样。

配置文件的方法：

    {test : /\.png$/,loader:"url-loader?mimetype=image/png"}

CLI：

    webpack --module-bind "png=url-loader?mimetype=image/png"

注：这一章省略了不少内容，只提取了常用的一些东西。