解決 import 導入 umd 模塊報錯的問題

在寫組件庫時用vue-cli 3.x的

vue-cli-service build --target lib --name index [entry]

能夠直接構建npm包，npm publish後再經過npm install [name]安裝引用一點問題都沒有
可是若是是直接在本地引入

import Ea from '../lib/index.umd.js';

沒有進行額外配置不出意外是會報錯的

這個問題困擾我好久，直到今天看到 Webpack模塊引用中還有什麼坑？ 這篇文章才知道緣由找到解決方式
這裏須要用到 @babel/plugin-transform-modules-umd

npm install --save-dev @babel/plugin-transform-modules-umd

而後在babel.config.js添加這個plugin

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset',
  ],
  plugins: ['@babel/plugin-transform-modules-umd'], //添加這行
};

好了，終於不用每次構建都npm publish生成許多無心義version去實測了