在瀏覽器控制檯中使用「externals」排除node_modules錯誤

Question

我在反應項目中工作。當我使用「exclude：/ 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捆綁的後端

這個庫是不意味着用於捆綁，在運行瀏覽器。僅在節點上運行的後端套件。

不包括node_modules在您的加載器應該足以排除未引用的node_modules。否則，你需要引用的node_modules被包含在bundle中。

對於瀏覽器，您只需排除已存在於頁面上的模塊。例如，如果您正在從cdn提取反應，這可能很有用。而且你不希望在應用程序包中包含所有react.js。