webpack 4 抽取scss文件无效（使用的mini-css-extract-plugin）

Question

问题描述

使用webpack 打包项目的时候，scss一直无法抽取到单独的css文件目录中

相关代码【以下配置写完完全没有效果，也不会报错】

const miniCssExtractPlugin = require('mini-css-extract-plugin') // 匹配
plugins: [

new miniCssExtractPlugin({
  filename: "css/[name][chunkhash].css",
  // chunkFilename: "[id].css"
})

],
module: {

rules: [
  { // 配置sass
    test: /\.scss$/,
    use: [
      miniCssExtractPlugin.loader,
      'css-loader',
      'sass-loader'
    ]
  },
]

}

奇怪的是，把scss换成css就有效果，这是为什么

const miniCssExtractPlugin = require('mini-css-extract-plugin') // 匹配
plugins: [

new miniCssExtractPlugin({
  filename: "css/[name][chunkhash].css",
  // chunkFilename: "[id].css"
})

],
module: {

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

}

Answer 1

github 上面 issue里面有人有一样的问题

https://github.com/webpack-co...

Answer 2

同学你好，这个问题解决了吗？是什么原因呀？我也遇到了。。。