如何配置webpack使其具有可缓存项目的单独输出?

时间:2018-09-10 20:51:58

标签: javascript webpack

考虑:我的应用程序包含一堆我编写的自定义JavaScript。它依赖于一个流行的大型JavaScript库。

我的webpack.config.js如下:

{
    entry: [
        path.resolve(__dirname, './src/js/main.js')
    ],
    output: {
        filename: '[name]-[hash].js'
    }
}

由于我的自定义JS可能会更改,因此我在输出文件名中包含[hash],以便可以利用缓存清除功能。

但是,我使用的是大型流行库的特定版本,因此它永远不会改变。因此,我不想要对该库使用缓存清除。

理想情况下,我最终会得到类似的东西:

dist/library.js
dist/main-b8aad7654526d4504fee.js

但是我的库来自node_modules,所以我仍然想使用Webpack来包含它,并且不想简单地将其批发到dist/中。

我应该如何构造项目和Webpack配置,以便仍可以在自定义代码中require库,但该库未与我的其余JavaScript捆绑在一起?

0 个答案:

没有答案