[mini-css-extract-plugin] warning Conflicting order

执行npm run build命令,警告:

chunk page [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/page/lock/index.vue?vue&type=style&index=0&id=3c356848&prod&lang=scss&
despite it was not able to fulfill desired ordering with these modules:
 * css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/iframe/main.vue?vue&type=style&index=0&id=6eec0eb6&prod&lang=scss&
   - couldn't fulfill desired order of chunk group(s) ,
   - while fulfilling desired order of chunk group(s) page

此警告意思为在不同的js中引用相同的css时,先后顺序不一致。也就是说,在1.js中先后引入a.css和b.css,而在2.js中引入的却是b.css和a.css,此时会有这个warning。

如果您使用的是 Vue CLI v3,将以下代码添加到 vue.config.js 可以忽略此错误。

// vue.config.js
module.exports = {
    
    
    css: {
    
    
        extract: {
    
     ignoreOrder: true },
    },
}

vuetifyjs/vuetify#5271 (comment)

猜你喜欢

转载自blog.csdn.net/weixin_39964419/article/details/126851654