Question

我的筹码： NodeJS +反应+ ... + gulp + webpack 2.1

当将ES6转换为常见JS时，我想将我的项目代码拆分为两个包：一个包含节点模块，另一个包含我的应用程序代码。如何在不明确指定要放入node-module-bundle的每个模块的情况下执行此操作。

从Webpack documentation开始，我看不到指定应该用作条目的目录。有谁知道怎么做？

此致

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。在文档中有一个section for vendor libraries。

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

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
   })
 ]
};

来自app的webpack拆分节点模块

3 个答案: