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