问题:
控制台充斥着警告,例如:warn chunk commons [mini-css-extract-plugin] Conflicting order
。我做了一些研究,发现这些警告可以被忽略,因为我正在使用 css-modules 并且导入的顺序并不重要。 我发现按照以下步骤消除警告不起作用。
所需的解决方案:
在插件配置中设置ignoreOrder = true
选项。
我尝试过的:
我关注了类似的问题here并将代码添加到我的 gatsby-node.js
中:
const path = require('path')
module.exports.onCreateWebpackConfig = ({
stage,
actions,
getConfig
}) => {
actions.setWebpackConfig({
resolve: {
modules: ['node_modules', path.resolve(__dirname, 'src')],
alias: {
'basic-info': path.resolve(__dirname, 'src/app/routes/basic-info'),
'situation-analysis': path.resolve(__dirname, 'src/app/routes/situation-analysis'),
'select-drivers': path.resolve(__dirname, 'src/app/routes/select-drivers'),
'define-vision': path.resolve(__dirname, 'src/app/routes/define-vision'),
'rate-drivers': path.resolve(__dirname, 'src/app/routes/rate-drivers'),
'affinity-groups': path.resolve(__dirname, 'src/app/routes/affinity-groups'),
'define-objectives': path.resolve(__dirname, 'src/app/routes/define-objectives'),
'create-roadmap': path.resolve(__dirname, 'src/app/routes/create-roadmap')
}
},
devtool: 'eval-source-map'
})
if (stage === 'build-javascript') {
const config = getConfig()
const miniCssExtractPlugin = config.plugins.find(
plugin => (plugin.constructor.name === 'MiniCssExtractPlugin')
)
if (miniCssExtractPlugin) miniCssExtractPlugin.options.ignoreOrder = true
actions.replaceWebpackConfig(config)
}
}
最佳答案
你尝试过吗:
const path = require('path')
module.exports.onCreateWebpackConfig = ({
stage,
actions,
getConfig
}) => {
actions.setWebpackConfig({
resolve: {
modules: ['node_modules', path.resolve(__dirname, 'src')],
alias: {
'basic-info': path.resolve(__dirname, 'src/app/routes/basic-info'),
'situation-analysis': path.resolve(__dirname, 'src/app/routes/situation-analysis'),
'select-drivers': path.resolve(__dirname, 'src/app/routes/select-drivers'),
'define-vision': path.resolve(__dirname, 'src/app/routes/define-vision'),
'rate-drivers': path.resolve(__dirname, 'src/app/routes/rate-drivers'),
'affinity-groups': path.resolve(__dirname, 'src/app/routes/affinity-groups'),
'define-objectives': path.resolve(__dirname, 'src/app/routes/define-objectives'),
'create-roadmap': path.resolve(__dirname, 'src/app/routes/create-roadmap')
}
},
devtool: 'eval-source-map'
})
if (stage === 'build-javascript' || stage === 'develop') {
const config = getConfig()
const miniCssExtractPlugin = config.plugins.find(
plugin => (plugin.constructor.name === 'MiniCssExtractPlugin')
)
if (miniCssExtractPlugin) miniCssExtractPlugin.options.ignoreOrder = true
actions.replaceWebpackConfig(config)
}
}
关于webpack - 使用 Gatsby 忽略 mini-css-extract-plugin 的顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67474408/