Webpack构建过程 - 找不到模块:错误:无法解析模块*

Question

我在尝试使用Webpack构建应用程序时收到很多错误,并且不知道该怎么做.我环顾四周,在该建议增加之类的其他解决方案target: 'web',并node: {fs: "empty"}于webpack.config.prod.js,但这些都没有清除错误.以下是运行后控制台中的一系列错误(总共约150个)sudo npm run build:

./~/ejs/lib/ejs.js中的错误找不到模块:错误:无法解析/ tidee/auth_app/node_modules/ejs/lib @ ./~/ejs/lib/ejs.js中的模块'fs'47: 9-22

./~/express/lib/request.js中的错误找不到模块:错误:无法解析/ tidee/auth_app/node_modules/express/lib @ ./~/express/lib/request.js中的模块'net'18: 11-25

./~/node-pre-gyp/lib/node-pre-gyp.js中的错误找不到模块:错误:无法解析/ tidee/auth_app/node_modules/node-中的'file'或'directory'../package pre-gyp/lib @ ./~/node-pre-gyp/lib/node-pre-gyp.js 60:16-37

./~/ps-tree/index.js中的错误找不到模块:错误:无法解析/ tidee/auth_app/node_modules/ps-tree @ ./~/ps-tree/index.js中的模块'child_process'3: 12-36

下面是我的webpack.config.prod.js文件:

const path = require('path');
var webpack = require("webpack");
var CompressionPlugin = require('compression-webpack-plugin');
const pkg = require("./package.json");

module.exports = {
    entry: {
        vendor: Object.keys(pkg.dependencies).filter(function (v) {
            return v;
        }),
        app: path.join(__dirname, '/client/src/app.jsx')
    },
    output: {
        path: path.join(__dirname, '/client/dist'),
        filename: '[name].js',
        publicPath: 'http://example.com/public/'
    },
    resolve: {
        root: path.resolve('./client/dist'),
        extensions: ['', '.js', '.jsx', '.less', '.css'],
        alias: {
            'jquery-ui': 'jquery-ui-dist/jquery-ui.js'
        }
    },
    module: {
        loaders: [{
            test: /\.js?$/,
            loaders: ['babel'],
            include: path.join(__dirname, '/shared')
        },{
            test: /\.jsx?$/,
            loaders: ['react-hot','babel?' + JSON.stringify({
                presets: ["es2015", "stage-0", "react"]
            })],
            include: path.join(__dirname, '/client/src')
        },{
            test: /\.less$/,
            loaders: ['style', 'css', 'less']
        },{
            test: /\.css$/,
            loaders: ['style', 'css']
        },
        {
            test: /\.ico$/,
            loader: "file-loader"
        },
        {
            test: /\.png$/,
            loader: "url-loader?limit=100000"
        },
        {
            test: /\.jpg$/,
            loader: "file-loader"
        },
        {
            test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/,
            loader: 'url?limit=10000&mimetype=application/font-woff'
        },
        {
            test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
            loader: 'url'
        },
        {
            test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
            loader: 'file'
        },
        {
            test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
            loader: 'url?limit=10000&mimetype=image/svg+xml'
        },{
            test: /\.json$/,
            loader: "json-loader"
        }]
    },

    plugins: [
        new webpack.DefinePlugin({
            'process.env': {
                'NODE_ENV': JSON.stringify('production')
            }
        }),
        new webpack.ProvidePlugin({
            "$":"jquery",
            "jQuery":"jquery",
            'global.jQuery': 'jquery'
        }),
        new webpack.optimize.OccurenceOrderPlugin(),
        new webpack.NoErrorsPlugin(),
        new webpack.DefinePlugin({ 'typeof window': '\"object\"' }),
        new webpack.optimize.DedupePlugin(), //dedupe similar code
        new webpack.optimize.UglifyJsPlugin({
            compress: {
                warnings: false
            }
        }),
        new CompressionPlugin({
            asset: "[path].gz[query]",
            algorithm: "gzip",
            test: /\.js$|\.css$|\.html$/,
            threshold: 10240,
            minRatio: 0.8
        })
    ]
};

注意:我使用的是Node v7.2.1和Webpack v1.14.0