在浏览器控制台中使用“外部”排除 node_modules 时出错

Question

我正在做一个反应项目。当我使用“排除：/node_modules”时，我的项目没有排除 node_modules。所以我阅读了一些已解决的问题并将以下代码添加到我的 webpack.config.js 中。

var nodeExternals = require('webpack-node-externals');
...
module.exports = {
...
target: 'node', // in order to ignore built-in modules like path, fs,     etc. 
externals: [nodeExternals()], // in order to ignore all modules in   node_modules folder 
...
};

我的 webpack.config.js 然后看起来像这样

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

module.exports = {
    devtool: 'eval',
    entry: [
        'webpack-dev-server/client?http://localhost:3000',
        'webpack/hot/only-dev-server',
        './dev/js/index.js'
    ],
    target: 'node', // in order to ignore built-in modules like path, fs, etc.
    externals: [nodeExternals()], // in order to ignore all modules in node_modules
    module: {

        loaders: [
            {
                test: /\.js$/,
                loaders: ['react-hot', 'babel'],
                exclude: /node_modules/
            },
            {
                test: /\.scss/,
                loader: 'style-loader!css-loader!sass-loader'
            }
        ]
    },
    output: {
        path: path.join(__dirname, 'dist'),
        filename: 'bundle.js',
        publicPath: '/static/'
    },
    plugins: [
        new webpack.HotModuleReplacementPlugin()
    ]
};

当我运行我的应用程序时，我在控制台中收到此错误

我该如何解决这个错误？

Answer 1

我认为documentation 中webpack-node-externals 的行是：

在后端与 Webpack 捆绑时

这个库不是用于在浏览器中运行的包。只有 backend 包在节点上运行。

在你的加载器中排除 node_modules 应该足以排除未引用的 node_modules。否则，您需要将引用的 node_modules 包含在包中。

对于浏览器，您只想排除页面上已经存在的模块。例如，如果您从 cdn 中提取反应，这可能很有用。而且您不想在应用程序包中包含所有 react.js。