解决 import 导入 umd 模块报错的问题

时间 2019-11-15

标签解决 import 导入 umd 模块报错问题繁體版

原文原文链接

在写组件库时用vue-cli 3.x的html

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

能够直接构建npm包，npm publish后再经过npm install [name]安装引用一点问题都没有
可是若是是直接在本地引入vue

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

没有进行额外配置不出意外是会报错的vue-cli

这个问题困扰我好久，直到今天看到 Webpack模块引用中还有什么坑？这篇文章才知道缘由找到解决方式
这里须要用到 @babel/plugin-transform-modules-umdnpm

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

而后在babel.config.js添加这个pluginbabel

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

好了，终于不用每次构建都npm publish生成许多无心义version去实测了post