VueJS 生成多个 Web 组件

Question

我目前正在使用 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 -- --mode development (or test/staging/production)

谢谢

Answer 1

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

package.json

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

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

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