VueJS生成多个Web组件

时间:2019-08-08 09:35:42

标签: vue.js web-component vue-cli vue-cli-3

我目前正在使用vue-cli-service生成如下所示的Web组件:

  

vue-cli-service build --target wc --no-clean --name WidgetX ./src/widgets/WidgetX.vue-模式开发(或测试/登台/生产)

想象一下,我在/ widgets文件夹中有多个小部件,我将需要为每个小部件生成单独的Web组件,是否可以自动执行?还是我必须将此脚本添加到每个脚本中?

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

  

npm运行构建--模式开发(或测试/分段/生产)

谢谢

1 个答案:

答案 0 :(得分:0)

找到了一种提供我目前所需的方法:

package.json

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

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

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