Sass 文件编译两次

Posted 2023-02-22

【中文标题】Sass 文件编译两次

【英文标题】：Sass files compiling twice

【发布时间】：2018-11-13 16:29:18

【问题描述】：

我有以下 webpack 配置：

规则：

    test: /\.scss$/,
    use: [
        MiniCssExtractPlugin.loader,
        
            loader: 'css-loader',
            options: 
                sourceMap: false
            
        , 
            loader: 'sass-loader',
            options: 
                sourceMap: false,
                processCssUrls: false
            
        
    ]

插件：

new MiniCssExtractPlugin(
    filename: '[name].css',
    chunkFilename: '[id].css'
)

当使用SpeedMeasurePlugin 构建和观察输出时，我得到这样的输出：

mini-css-extract-plugin, and 
css-loader, and 
sass-loader took 12.73 secs
  module count = 1
css-loader, and 
sass-loader took 12.66 secs
  module count = 1

sass 为什么会编译两次？

【参考方案1】：

这是 MiniCssExtractPlugin 运行 sass-loader 两次。不知道为什么。