webpack - webpack 从应用中拆分节点模块

Question

我的堆栈：NodeJS + react +... + gulp + webpack 2.1

在将 ES6 转换为普通 JS 时，我想将我的项目代码分成两个包：一个带有节点模块，另一个带有我的应用程序代码。如何在不明确指定要放入 node-module-bundle 的每个模块的情况下做到这一点。

从Webpack 文档中，我看不到指定应该用作条目的目录的方法。有谁知道这是怎么做到的吗？

问候

Answer 1

我认为您想要webpack-split-by-path，他们的示例展示了如何将您的应用拆分为 app.js 和 vendor.js 包。

Answer 2

使用 webpack-4 optimization.splitChunks.chunks = 'all' 您可以将所有 node_modules 放入一个名为 vendor~main.js 的文件中，而无需明确定义您的依赖项。

Answer 3

您应该使用 CommonsChunkPlugin。在文档中有一个供应商库部分。

但是您的配置应该如下所示：

var webpack = require("webpack");
var ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
    entry: {
      vendor: ['jquery', 'moment', 'other modules'],
      app: './src/app.js'
    },
    output: {
        filename: '[name].js'
 },
 plugins: [
   new webpack.optimize.CommonsChunkPlugin({
     name: 'vendor',
     minChuncks: Infinity
   })
 ]
};