Webpack 忽略小css提取插件与盖茨比的顺序 问题:

控制台中充斥着如下警告：

warn chunk commons[mini css extract plugin]冲突顺序

。我做了一些研究，发现这些警告可以忽略，因为我使用的是css模块，导入的顺序并不重要我发现以下使警告静音的步骤无效。

理想的解决方案： 在插件配置中设置

ignoreOrder=true

选项

我所尝试的： 我接着问了一个类似的问题，并将代码添加到我的

gatsby node.js

：

const path=require（'path'））
module.exports.onCreateWebPackageConfig=({
阶段
行动，
getConfig
}) => {
actions.setWebpackConfig({
决心：{
模块：['node_modules'，path.resolve（'src'），
别名：{
“基本信息”：path.resolve（uu dirname，'src/app/routes/basic info'），
“情境分析”：path.resolve（uu dirname，'src/app/routes/情境分析'），
“选择驱动程序”：path.resolve（_dirname，'src/app/routes/select drivers'），
“定义愿景”：path.resolve（_dirname，'src/app/routes/define vision'），
“速率驱动程序”：path.resolve（_dirname，'src/app/routes/rate drivers'），
“关联组”：path.resolve（_dirname，'src/app/routes/affinity groups'），
“定义目标”：path.resolve（u dirname，'src/app/routes/define objectives'），
“创建路线图”：path.resolve（\u dirname，'src/app/routes/create roadmap'）
}
},
devtool:“评估源地图”
})
if（stage==='buildjavascript'）{
const config=getConfig（）
const miniCssExtractPlugin=config.plugins.find(
plugin=>（plugin.constructor.name=='MiniCssExtractPlugin'）
)
如果（miniCssExtractPlugin）miniCssExtractPlugin.options.ignoreOrder=true
actions.replaceWebpackConfig（配置）
}
}

您是否尝试过：

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)
    }
}

---

它是否只发生在

gatsby build

或

gatsby develope

中？这个问题在

gatsby build

和

gatsby develope

中都存在。您运行的是哪个版本的gatsby？我刚刚从最新的v2迁移到最新的v3（3.4.0）。谢谢！工作完美。：）