javascript - SCSS 被 vue.config.js css.extract 破坏

Question

运行 Vue CLI 项目。

今天我的 SCSS 停止自动重新加载。

经过一番挖掘，似乎是部分vue.config.js原因导致了问题。这是我的配置：

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        data: `@import "@/assets/styles/abstracts.scss";`
      }
    },
    extract: {
      filename: '[name].css',
      chunkFilename: '[id].css'
    }
  },
    configureWebpack: {
        output: {
            filename: '[name].js',
            chunkFilename: '[name].js'
        }
    }
};

具体来说，如果我注释掉这几行，它可以解决问题：

extract: {
    filename: '[name].css',
    chunkFilename: '[id].css'
}

我不认为这发生在以前，但它可能是。无论如何，这段代码很重要，因为我需要我的生产文件不包含哈希。任何帮助将不胜感激。

标签： javascriptvue.jsvue-cli-3