javascript - webpack 使用 IgnorePlugin 产生 webpackMissingModule 错误

Question

我正在尝试从我的包中删除 angular.js。找不到从 bundle.js 中删除它的方法，因为 Webpack 以某种方式从我的入口文件中解析了它。所以我决定使用 webpack.IgnorePlugin 但结果我收到错误。

Cannot find module "angular" at webpackMissingModule

在加载 bundle.js 之前，我已经包含了来自 cdn 的 angular js。但它仍然试图从 webpack 脚本中解决它。

webpack.make.js

module.exports = function makeWebpackConfig(options) {
    var config = {};
    config.entry = {
        app: './app/app.js'
    }
    config.output = {
        path: __dirname + '/public',
        publicPath: BUILD ? '/' : 'http://localhost:8080/',
        filename: 'bundle.js',
        chunkFilename: 'bundle.js',
    }
    ...
    config.module = {
        loaders: [{
            test: /\.js$/,
            loader: 'babel-loader',
            exclude: /node_modules/
        }, {
            test: /\.html$/,
            loader: 'raw'
        }]
    };
    config.plugins = [
        new webpack.IgnorePlugin(/angular$/),
    ];
    ...
    return config;
};

Answer 1

如果您在应用中使用 Angular，但不希望 webpack 包含它，因为它来自其他地方，您可以将它设置为外部库，webpack 不会加载它。

这是一个顶级数组配置，用于指定您要在 bundle 中忽略的库。

module.exports = {
  externals: ['angular']
}

然后您可能可以摆脱忽略插件，而不必处理配置的额外部分。