Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack 您应该在什么时候使用网页2中的use关键字与loader关键字?_Webpack - Fatal编程技术网

Webpack 您应该在什么时候使用网页2中的use关键字与loader关键字?

Webpack 您应该在什么时候使用网页2中的use关键字与loader关键字?,webpack,Webpack,我正在尝试迁移到Webpack2,我有点困惑。在这个链接上,它说我们应该将module.loaders替换为module.rules,看起来loaders语法被替换为可以在一个数组中使用loader作为属性的对象的用法: 但进一步说://当它不是一个数组,而是一个加载程序时,不要在这里使用“use” 这有点混乱,我不明白。什么时候应该使用“use”以及什么时候应该使用“loader”/“loaders”?基本上,当一个文件类型使用多个加载程序时,请使用“use”。e、 g 当我使用这样的选项时

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

但进一步说:
//当它不是一个数组,而是一个加载程序时,不要在这里使用“use”


这有点混乱,我不明白。什么时候应该使用“use”以及什么时候应该使用“loader”/“loaders”?

基本上,当一个文件类型使用多个加载程序时,请使用“use”。e、 g


当我使用这样的选项时,我会收到一条不推荐使用的警告信息,请注意更具体一些。警告是什么?我怀疑您指的是这一个:(节点:5408)弃用警告:loaderUtils.parseQuery()收到一个可能有问题的非字符串值,请参阅在下一个主要版本的loader-utils中,parseQuery()将替换为getOptions()。此外,规则使用语法会引发ExtractTextPlugin错误。即使它是最新版本。@Alex是的,该弃用警告是因为并非所有加载程序都已更新为webpack 2。如果你有,它很可能来自巴别塔装载机。你读了吗?如果你做了,但仍然无法理解,那么创建一个新的SO问题。另外,在那里发布你的网页配置。
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]',
            },
        },
    ],
},