javascript - 当 key 与模块名称相同时，webpack.ProvidePlugin 不起作用

Question

// the key same to the value, it is not worked! return an empty object {}.
new webpack.ProvidePlugin({
   'angular': 'angular'
});

// not same, it is worked!
 new webpack.ProvidePlugin({
    'ng': 'angular'
});

需要注意的是， key 不能与办公室的模块名称相同doc .

Answer 1

一般情况下它确实有效。这里的问题是 Angular 1 在没有 shim 的情况下不能很好地与 webpack 一起工作(参见 https://github.com/webpack/webpack/issues/2049 )。尝试这个 webpack 加载器配置，它为我解决了这个问题，允许使用与模块名称相同的 key 的 ProviderPlugin:

module: {
    loaders: [
        /*
         * Necessary to be able to use angular 1 with webpack as explained in https://github.com/webpack/webpack/issues/2049
         */
        {
            test: require.resolve('angular'),
            loader: 'exports?window.angular'
        },
    ]
},
plugins: [
    new webpack.ProvidePlugin({
        'angular': 'angular',
    }),
],