vue 项目中以cdn引入的方式使用插件， 减少打包体积

1. 在index.html 中通过script 标签引入cdn链接

2. 在vue.config.js中配置插件， 减少打包体积

   通过 webpack 的 externals 节点，来配置并加载外部的 CDN 资源。凡是声明在 externals 中的第三方依赖包，都不会被打包。

    configureWebpack: config => {
       Object.assign(config, {
         externals: {
           pinyinPro: 'pinyin-pro'
         }
       })
      }

3. 在 .eslintrc.js 中配置globals (如果使用了eslint)

   module.exports = {
    ...
     globals: {
       pinyinPro: 'readonly' // readonly = true
     }
    }

4. index.vue 中使用

   // script 中引入
   

以上。