VueJS/Webpack - 不将 sass 文件导出到 css 文件

问：

所以我面临着这个问题，在我的项目中，我想使用 sass 和 Vue，但它无法编译。

到目前为止，我正在使用 vue-cli 并且必须初始化一个普通项目（vue init webpack 项目）并按照此处的指南进行全局 https://vue-loader.vuejs.org/en/configurations/pre-processors.html

我用魔杖将 SCSS 文件编译为 CSS 并将自己放在一个文件夹中。

在我完成此操作后，它什么也没发生，但它运行但没有 CSS。

基本上我想要这个 -> src/asset/css/style.scss

要编译到此位置 -> static/css/style.css <- 然后成为一个 CSS 文件，因为这样我就可以将其加载到main.html中

这是 webpack.base.conf 文件

  {
    test: /\.scss$/,
    use: [
      'sass-loader',
      'style-loader',
      'css-loader',
      'postcss-loader',
      {
        loader: 'sass-resources-loader',
        options: {
          resources: path.resolve(__dirname, '../src/assets/css/layout.scss')
        },
      },
    ],
  },

这是 utils 文件

  return {
    css: generateLoaders(),
    postcss: generateLoaders(),
    less: generateLoaders('less'),
    sass: generateLoaders('sass', { indentedSyntax: true }),
    scss: generateLoaders('sass').concat(
      {
        loader: 'sass-resources-loader',
        options: {
          resources: path.resolve(__dirname, '../src/assets/css/layout.scss')
        }
      }
    ),
    stylus: generateLoaders('stylus'),
    styl: generateLoaders('stylus')
  }
}

我将如何解决这个问题？