实现

  1. /**
  2.  * @param options
  3.  * @params paths Array 自动引入js的数组
  4.  * @constructor
  5.  */
  7. function importCdnPlugin(options) {
  8.     this.options = options;
  9. }
  11. importCdnPlugin.prototype.apply = function(compiler) {
  12.     try {
  13.         const paths = this.options.paths;
  14.         compiler.plugin('compilation', function(compilation, options) {
  15.             compilation.plugin('html-webpack-plugin-before-html-processing', function(htmlPluginData, callback) {
  16.                 for (let i = paths.length - 1; i >= 0; i--) {
  17.                     htmlPluginData.assets.js.unshift(paths[i]);
  18.                 }
  19.                 callback(null, htmlPluginData);
  20.             });
  21.         });
  22.     }catch (e) {
  23.         throw new Error('没有正确传入paths参数');
  24.     }
  25. };
  27. module.exports = importCdnPlugin;

使用

  1. new importCdnPlugin({
  2.   paths: [
  3.     "https://***.com/static/vue.js",
  4.     "https://***/static/element-ui.min.js",
  5.     "https://***/static/axios.min.js",
  6.     "https://***/static/echarts/5.2.2/echarts.min.js"
  7.   ]
  8. }),