Webpack Can'；t获取提取文本网页包插件以在生产中为网页包工作

我正在尝试将

sass/scss

编译为css进行生产

本质上，我想知道如何为prod中的资产创建一个文件结构，并使scss文件符合prod中的css？我在很多图坦卡蒙中看到过，所有东西都被转储到

dist

或

公共文件夹中。我可以为JS做这件事，但你如何为我所有的资产做这件事？例如，在公用文件夹中有一个
JS文件夹、一个图像文件夹、css
等

这是我的
webpack.config.js

var webpack = require('webpack');
var path = require('path');
var ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
    entry: {
        app: ['./src/js/app.js']
    },
    output: {
        path: path.resolve(__dirname, 'public/js'),
        filename: 'app.bundle.js',
        publicPath: 'js'
    },
    devServer: {
        inline: true,
        contentBase: './public',
        port: 8888
    },
    module: {
        rules: [
            { 
              test: /\.scss$/, 
              use: ExtractTextPlugin.extract({
                fallback: 'style-loader',
                use : 'css-loader!sass-loader'
              })

            }
        ]
      },
    plugins: [
            new ExtractTextPlugin('styles.css')
    ]
}

根据提供的webpack输出，我可以看出它正确地输出了styles.css文件。请检查
public/js
文件夹。编辑：刚刚注意到你编辑了问题。您可以将
output.path
更改为just
public
，然后您应该能够更改ExtractTextPlugin的配置，将样式写入
css/styles.css
。当涉及到JS构建工件时，
output.filename
也是如此。@MarekSuscak感谢您提供的信息，但我似乎无法让这个建议起作用？请查看我为您设置的这个测试报告（自述文件中的说明）：我的朋友，它起了作用！你救了我一些头发不被拔出来！