使用vue-cli-service建库，怎么转译？答案

【问题标题】：Use vue-cli-service to build a library, how to transpile?使用vue-cli-service建库，怎么转译？
【发布时间】：2020-03-09 04:56:23
【问题描述】：

我正在尝试使用 vue-cli-service 构建一个库（主要是一些 .vue 组件）以在不同的项目（没有公共 npm）中重用。显然一切都已经设置好了，我可以确认构建是好的（js 和 css）。但是，我无法在单独的项目中将它用作外部模块，因为它使用扩展运算符（可能还有更多尚未解析的 ES20XX 功能）。

Module parse failed: Unexpected token (2683:8)
You may need an appropriate loader to handle this file type.
|     params() {
|       const queryParams = {
|         ...this.filters,
|         ...this.sorting,
|         ...this.config.params,

这是我用来构建库的标准命令

vue-cli-service build --target lib --name [mylibname] ./src/components/index.js

默认情况下，捆绑包应该已经是polyfilled，但在我看来并非如此。

我已经读到我可能会更改我正在使用的项目的 webpack 配置，但我反对解析整个 node_module 文件夹，而且我希望拥有尽可能简单的工作流程（比如导入一个模块及其css）。

所以我的问题是，如何轻松填充我的包以在任何 Vue 项目中完全可用？

【问题讨论】：

标签： vue.js babeljs vue-cli-3

【解决方案1】：

好的，似乎使用 vue-cli 重新初始化项目而不使用 typescript 并使用单独的配置文件而不是 package.json 是一个好主意，因为现在可以根据需要进行转换。

var queryParams = _objectSpread({}, this.filters, {}, this.sorting, {}, this.config.params);

可惜vue-cli webpack的隐藏配置，看不出有什么变化。

【讨论】：