vue-cli3 多入口文件 配置cdn报错

问题：报错Cannot call .tap() on a plugin that has not yet been defined. Call plugin(‘html’).use() …

原因：在pages中配置了多入口，导致配置cdn时无法找到唯一页面

  pages: {
    index:{
        entry:  "src/main.js", 
    },
    pay:{
      entry:'public/pay/pay.js',
    }
  }

解决办法：

1、如果仅需某个页面配置 cdn：

if (isProd) {
//下面的'html-index'中的index和上面pages的key值对应
      config.plugin('html-index')
        .tap(args => {
          args[0].cdn = assetsCDN
          return args
        })
    }

2、如果每个页面都需要配置cdn，则参考下面这篇（很详细哒）

https://blog.csdn.net/qq_18149661/article/details/107233451