css-loader、style-loader顺序

    技术2024-11-24  18

    webpack使用css-loader和style-loader时,有个顺序问题:

    loader的解析顺序是从下到上,从右往左,编译顺序应该是先用css-loader编译css代码,再用style-loader放入到网页的style标签里面去。所以css-loader在右,style-loader在左,按照指定顺序排列。

    module: { rules: [ { test: /\.css$/, use: ['style-loader', 'css-loader'] } ] }

    如果顺序颠倒会构建失败报错TT

    Processed: 0.061, SQL: 9