github地址

使用 npm run dev 會報錯

const path = require('path');
const merge = require('webpack-merge');
const common = require('./webpack.common.js');
// 引入dev-server配置文件
let BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

module.exports = merge(common, {

    output: { //打包路徑
        //filename: '[name].bundle.js', //出口文件名
        // filename: '[name].[chunkhash].js',
        // 可以使用__dirname變量獲取當(dāng)前模塊文件所在目錄的完整絕對路徑
        path: path.resolve(__dirname, './public'), //打包路徑
        publicPath:'dist/', // 指定publicPath
        filename: './dist/[name].bundle.js',
        chunkFilename: './dist/[name].bundle.js'
    },
    devtool: 'source-map',
    devServer: {
        contentBase: [path.join(__dirname, "./public")], // 本地服務(wù)器 加載頁面 所在的目錄
        host: '127.0.0.1',
        compress: true,
        port: 6600,
        open: false // 將自動打開瀏覽器
    },
    plugins:[
        new BundleAnalyzerPlugin({
            analyzerMode: 'server', // static/disabled
            analyzerHost: '127.0.0.1',
            analyzerPort: 9900,
            openAnalyzer: false
        })
    ]
});