Javascript Webpack-无法生成已编译的文件,甚至无法生成dist文件夹

Javascript Webpack-无法生成已编译的文件,甚至无法生成dist文件夹,javascript,reactjs,webpack,Javascript,Reactjs,Webpack,当我运行:webpack dev server时,它编译代码并在浏览器中给出输出。 但是当我运行时:webpack-p它没有在dist文件夹中生成文件,它甚至没有创建文件夹dist 下面是我的项目的一些文件和目录结构 webpack.config.babel.js import HtmlWebpackPlugin from 'html-webpack-plugin'; import ExtractTextPlugin,{extract} from 'extract-text-webpack-pl

当我运行:
webpack dev server
时,它编译代码并在浏览器中给出输出。
但是当我运行时:
webpack-p
它没有在
dist
文件夹中生成文件,它甚至没有创建文件夹
dist

下面是我的项目的一些文件和目录结构

webpack.config.babel.js

import HtmlWebpackPlugin from 'html-webpack-plugin';
import ExtractTextPlugin,{extract} from 'extract-text-webpack-plugin';
import path,{resolve} from 'path';

module.exports = {
    devtool: 'source-map',
    entry: './src/app.js',
    output: {
        path: resolve(__dirname + 'dist'),
        filename : 'app.bundle.js' 
    },
    module: {
        rules:[
            {
                test: /\.scss$/,
                exclude: /node_modules/,
                use: extract({
                    fallback: "style-loader",
                    use: [
                        "css-loader",
                        "sass-loader",
                    ],
                    publicPath: "/dist"
                }),
            },
            {
                test: /\.js$/,
                exclude: /node_modules/,
                loader: "babel-loader"
            }
        ]
    },
    devServer:{
        contentBase: path.join(__dirname, "dist"),
        compress: true,
        port: 9000,
        stats:'errors-only'
    },
    plugins: [
        new HtmlWebpackPlugin({
            title: 'Webpack starter project',
            template: './src/index.html',
            hash:true,
            minify:{
                collapseWhitespace: true,
                minifyCSS: true,
                minifyJS:true,
            }
        }),
        new ExtractTextPlugin({
            filename: "app.css",
            disable: false,
            allChunks: true
        })
    ]
}

普通的网页包文件无法理解ES6/7功能。所以,如果你想在你的网页配置中使用它们,你必须按照下面提到的方式调用这个命令

$ webpack -p --config webpack.config.babel.js

webpack-p假设你的网页配置名为,
webpack.config.js
如果你有不同的名称,请在下次阅读文档时添加配置选项。我的猜测是将
path:resolve(\uu dirname+'dist')
调整为
path:resolve(\u dirname,'dist')
替换
path:resolve(\uu dirname+'dist'))
使用
路径:join(\uu dirname,“dist”),
解决了我的问题