Question

我是Webpack的新手，正在寻找从捆绑中排除我的单一条目的选项。

所以我的webpack.config.js现在看起来就像这样：

module.exports = {
    entry: './all.js',
    output: {
        path: 'dist',
        filename: 'all.bundle.js'
    }
};

all.js已经是由TypeScript转换器创建的捆绑包，但没有第三方依赖项。我更喜欢将其余的捆绑包 - 第三方依赖项 - 由Webpack单独捆绑在一起，因为TypeScript是我在开发过程中进行大量更改后必须进行的唯一构建。

到目前为止，调用webpack正确地构建了所有依赖项的包，但它包含了条目。

那么有没有办法排除这个条目？

Answer 1

我很困惑，因为你想要排除入口点。我认为你需要将库和应用程序分开。因此，您为供应商和一个应用程序创建了两个入口点，以便创建两个捆绑包。或者您将库添加为外部，然后在浏览器上全局添加。

我想你想试试common chunk plugin：

module.exports = {
    entry: {
      app: 'app.js',
      all: './all.js',// This could be an array ['jquery', ...]
},
        output: {
            path: 'dist',
            filename: 'all.bundle.js'
        },
      plugins: [
        new webpack.optimize.CommonsChunkPlugin("all", "all.bundle.js")
      ]
        };

其他可能性是将库添加为externals，然后在应用程序脚本之前全局添加。

module.exports = {
    entry: 'app.js',
        output: {
            path: 'dist',
            filename: 'all.bundle.js'
        },
externals: {
  all: 'all.js'
        };

Webpack：如何排除条目文件本身？

1 个答案: