Question

我正在尝试迁移到Webpack 2，我有点困惑。在这个链接上，它说我们应该用module.rules替换module.loaders，它看起来像loader语法被替换为use，可以在一个数组中具有loader作为属性的对象：

https://webpack.js.org/guides/migrating/

但更进一步说：// Do not use "use" here当它不是一个数组，而是一个加载器。

这有点令人困惑，我不明白。我何时应该使用＆＃34;使用＆＃34;什么时候应该使用＆＃34; loader＆＃34; /＆＃34;装载机＆＃34; ？

Answer 1

基本上，如果您有一个使用多个加载器的文件类型，请使用“use”。 e.g。

module: {
    rules: [
        {
            test: /\.less$/,
            use: [
                'style-loader',
                ...cssLoaders,
                lessLoader
            ],
        },
        {
            test: /\.css$/,
            use: [
                'style-loader',
                ...cssLoaders,
            ],
        },
        {
            enforce: 'pre',
            test: /\.jsx?$/,
            loader: 'eslint-loader',
            include: assetsDir,
        },
        {
            test: /\.jsx?$/,
            include: assetsDir,
            loader: 'babel-loader',
        },
        {
            test: /\.(jpe?g|png|gif|svg)($|\?)/i,
            loader: 'url-loader',  // Inline images if they're less than 2 KiB
            options: {
                limit: 2048,
                name: '[name]-[sha1:hash:hex:10].[ext]',
            }
        },
        {
            test: /\.(eot|ttf|woff2?|htc)($|\?)/i,
            loader: 'file-loader',
            options: {
                name: '[name]-[sha1:hash:hex:10].[ext]',
            },
        },
    ],
},

什么时候应该在Webpack 2中使用use关键字vs loader关键字？

1 个答案: