webpack5-cdn-plugin

For webpack4, please refer to webpack4-cdn-plugin.

Docs

Install

npm i webpack5-cdn-plugin -D

Usage

1const { Webpack5CDNPlugin } = require('webpack5-cdn-plugin')
2
3let cacheData = null;
4
5// webpack config
6module.exports = {
7  plugins: [
8    // ...
9    new Webpack5CDNPlugin({
10      keepLocalFiles: false,
11      manifestFilename: 'manifest.json',
12      uploadContent({ file, extname, content }) {
13        // TODO 需要自己实现上传文件、重试、并发控制
14        const hash = md5(content);
15        
16        if (cache[hash]) {
17          return cache[hash]
18        }
19
20        return uploadTaskManager.upload(content).then(result => {
21          cache[hash] = result.url
22          return `http://127.0.0.1:8080/${result.url}`
23        })
24      },
25      before() {
26        cacheData = readCache();
27      },
28      done() {
29        persistCache(cacheData);
30      }
31    })
32  ]
33}