Deploy failed on netlify css ./node_modules/gatsby/node_modules/css-loader Deploy failed on netlify css ./node_modules/gatsby/node_modules/css-loader json json

Deploy failed on netlify css ./node_modules/gatsby/node_modules/css-loader


Those warnings are bad order importation CSS modules due to webpack configuration. You can remove them by adding the following snippet in your gatsby-node.js:

exports.onCreateWebpackConfig = ({ stage, actions, getConfig }) => {  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)  }}