VueJS 生成多个 Web 组件答案

【问题标题】：VueJS generate multiple web componentsVueJS 生成多个 Web 组件
【发布时间】：2019-12-15 23:35:39
【问题描述】：

我目前正在使用 vue-cli-service 来生成如下 Web 组件：

vue-cli-service build --target wc --no-clean --name WidgetX ./src/widgets/WidgetX.vue --mode development (or test/staging/production)

假设我在 /widgets 文件夹中有多个小部件，我需要为每个小部件生成单独的 Web 组件，是否可以自动执行此操作？还是我必须将这个脚本添加到每个脚本中？

是否也可以在构建后自动触发所有这些 Web 组件的生成？

npm run build -- -- 模式开发（或测试/登台/生产）

谢谢

【问题讨论】：

【解决方案1】：

找到了一种方法来提供我目前需要的东西：

package.json

"postbuild": "node scripts/web-components.js"

在这个脚本中，我将使用fs.readdirSync(widgetsFolder); 遍历文件夹 /src/widgets 下的每个文件，并为 web 组件执行 vue-cli-service 构建。

现在，在每个构建过程之后，它都会根据需要触发 Web 组件的生成。

【讨论】：