vue cli 配置输出文件格式

VUE CLI 3在构建库的时候 默认输出所有格式。官方介绍如下

构建一个库会输出：

• dist/myLib.common.js：一个给打包器用的 CommonJS 包 (不幸的是，webpack 目前还并没有支持 ES modules 输出格式的包)

• dist/myLib.umd.js：一个直接给浏览器或 AMD loader 使用的 UMD 包

• dist/myLib.umd.min.js：压缩后的 UMD 构建版本

• dist/myLib.css：提取出来的 CSS 文件 (可以通过在 vue.config.js 中设置 css: { extract: false } 强制内联)

 但是有时候我们不需要输出这么多模块，只需要其中某一项，可以修改如下配置，增加一个输出文件类型的参数。

(试验版本：vue -V =>3.9.2)

vue文件路径：<npm系统路径>\node_modules\@vue\cli\bin

 npm系统路径默认为：C:\Users\<用户名>\AppData\Roaming\npm

 打开vue文件，在130行增加如下配置：

  .option('-f, --formats <format,format>', 'output formats (defaults:commonjs,umd,umd-min)')

最终结果：

 使用方法：

build --target lib --name myLib [entry] -f commonjs,umd