Question

我正在尝试构建一个库（主要是一些.vue组件），以便通过vue-cli-service在不同项目（无公共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项目中轻松充实地打包我的捆绑包以使其完全可用？

Answer 1

好吧，似乎好用不带打字稿的vue-cli和分开的配置文件而不是package.json初始化项目，这是一个好主意，因为现在可以根据需要进行编译了。

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

不幸的是，vue-cli Webpack的隐藏配置无法帮助您查看发生了什么变化。

使用vue-cli-service建库，如何转换？

1 个答案: