運(yùn)行項(xiàng)目的時候會拋出一些警告

chunk common [mini-css-extract-plugin]
Conflicting order between:
 * css ./node_modules/@tarojs/mini-runner/node_modules/css-loader/dist/cjs.js??ref--5-oneOf-1-1!./node_modules/postcss-loader/src??postcss!./node_modules/@tarojs/mini-runner/node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-1-4!./src/components/checkbox/index.scss
 * css ./node_modules/@tarojs/mini-runner/node_modules/css-loader/dist/cjs.js??ref--5-oneOf-1-1!./node_modules/postcss-loader/src??postcss!./node_modules/@tarojs/mini-runner/node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-1-4!./src/components/AccountDetail/index.scss

首先我們要明白拋出的這些警告是什么意思？
首先我們看到這些警告是在build的時候由 mini-css-extract-plugin 這個插件拋出的，那么這個插件有什么作用呢 這個插件主要是將CSS樣式抽離出來到一個文件內(nèi)，它的特點(diǎn)是不會重復(fù)編譯CSS文件
所以引起這些警告的原因就是我們在項(xiàng)目中引用組件的時候引用的順序不同，導(dǎo)致該插件遇到了編譯過的CSS文件，所以才會拋出警告。

舉個例子

頁面pageA中引入的componentA和componentB
import A from '@/components/A';
import B from '@/components/B';

頁面pageB中也引入的componentA和componentB， 但是組件A和組件B的引入順序和pageA中的不一樣，這個時候就會拋出警告
import B from '@/components/B';
import A from '@/components/A';

解決辦法

盡量保持組件的引用順序是一致的