解决-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 去实测了