安装

1  npm i --save-dev add-cdn-asset-plugin

使用

基于 html-webpack-plugin 动态插入 cdn 数据到 html 模板

cdnConfig.js

1module.exports = {
2  bootstrapCss:
3    "https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap.min.css",
4  vue: "https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"
5};

webpack.config.js

1const HtmlWebpackPlugin = require("html-webpack-plugin");
2const path = require("path");
3const cdnConfig = require("./src/cdnConfig");
4const AddCdnAssetPlugin = require("add-cdn-asset-plugin");
5
6module.exports = {
7  entry: "./src/index.js",
8  output: {
9    filename: "main.js",
10    path: path.resolve(__dirname, "dist")
11  },
12  plugins: [
13    new HtmlWebpackPlugin({
14      template: "./src/index.html"
15    }),
16    new AddCdnAssetPlugin(cdnConfig)
17  ]
18};