使用Webpack和mocha-loader在瀏覽器中從React應用運行Mocha規格

Question

我有一個我想在瀏覽器中運行其mocha規范（單元測試）的react App。 我找到了這篇SO帖子，並嘗試將相同的想法應用於我的項目。 我想出了以下webpack配置文件：

webpack.config.test.js

const nodeExternals = require('webpack-node-externals');
const path = require('path');

const host = 'localhost';
const port = '8084';

module.exports = {
    target: 'web',
    externals: [nodeExternals()],
    entry: './specs/index.js',
    output: {
        filename: 'debug.bundle.js',
        path: path.join(__dirname, 'tests'),
        publicPath: `http://${host}:${port}/tests`,
    },
    devServer: {
        host,
        port,
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                loaders: ['react-hot-loader', 'babel-loader'],
                enforce: 'pre',
            },
            {
                test: /.+Spec\.js$/,
                loaders: ['mocha-loader'],
            },
            {
                test: /(\.css|\.scss)$/,
                loader: 'null-loader',
                exclude: [
                    /build/,
                ],
            },
            {
                test: /(\.jpg|\.jpeg|\.png|\.gif)$/,
                loader: 'null-loader',
            },
        ],
    },
};

並且，在使用以下命令啟動服務器后：

webpack-dev-server --config webpack.config.test.js

我在控制台中收到以下錯誤：

我讀過，問題可能出在webpack-node-externals但不確定是怎么回事。 有任何想法嗎？

Answer 1

我認為僅當您將文件捆綁到后端時（如插件README中所述 ），您才希望使用webpack-node-externals 。 使用它時，禁止它從node_modules文件夾構建所有模塊。