使用 node 创建类似 react/open-wc 的脚手架生成器

Question

我正在尝试为我的团队创建一个项目结构，就像 open-wc or create-react-app 实施的那样只需说 npm init @open-wc 它会问几个问题并创建具有指定配置的文件夹。

除了探索 github 项目外，我没有在 google 上找到好的文章。

Answer 1

这里是 open-wc 的维护者 :)

因此，要获得 npm init 脚本，您需要做的就是在 package.json 中定义一个 bin。这就是我们用于 npm init @open-wc:

  "name": "@open-wc/create",
  "bin": {
    "create-open-wc": "./dist/create.js"
  },

那么对于名字你有两个选择：

create-foo 将通过 npm init foo
@foo/create 将通过 npm init @foo

生成器本身

这是一个相当悲伤的故事...我们环顾四周，但没有找到任何真正适合我们的用例的东西。我们最初使用 http://yeoman.io/，但它很大，这意味着在菜单出现之前我们有大约 30-40 秒的启动时间。我们觉得我们需要做点什么，所以现在我们推出自己的解决方案。

它涵盖了我们现在需要的部分（特别是通过非常小心地处理依赖项），这将我们的启动时间减少到大约 5-10 秒。我们考虑过将其作为一个单独的独立项目进行推广，但事实上我们没有足够的人力来完成它。您可以在这里找到 4 个文件 https://github.com/open-wc/open-wc/tree/master/packages/create/src - 请注意，因为没有文档和相当多的粗糙边缘。

不过，如果您找不到更好的解决方案，请随时加入我们，在我们的帮助下，我们可以将其作为一个单独的产品。

使用 node 创建类似 react/open-wc 的脚手架生成器

create scafolding generators like react/open-wc using node

node.js

npm

lerna