问题描述

使用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'
    ]
  },
]

}