Question

我根据this article编写了一个reactjs应用程序，但它提到了webpack's externals配置项，这些第三部分lib不应该打包在我们的bundle.js中。

您在文章中看到了index.html 中包含的 reactjs。

我可以在开发环境中这样做，但是如何将它编译为生产中的单独文件？（也可能有其他依赖项）

Answer 1

以下是您的webpack.config.js中的代码段：

var webpack = require('webpack')

module.exports = {
    entry: {
        app: 'index.js',
        vendors: ['react', 'flux']  //assuming you use react and flux, add as many npm packages here as you want
    },

    plugins: [
        new webpack.optimize.CommonsChunkPlugin('vendors', './js/vendors.js') //this line means put everything defined in vendors to a file named vendors.js
    ]
};

您可以找到此at the bottom of the offical doc page

的类似示例

如何将webpack externals js lib编译到另一个文件

1 个答案: