【问题标题】:Javascript Boilerplate Template for scaffolding projects脚手架项目的 Javascript 样板模板
【发布时间】:2019-03-27 15:41:39
【问题描述】:

在使用现代 JavaScript 工具时,是否有推荐的方法来创建一致的项目样板?

目前就我的工作而言,新项目需要以下组合:

  • 网页包
  • 通天塔(ES Next)
  • ESLint
  • 打字稿
  • Vue/React(框架)
  • 框架路由器 + Redux/Vuex 框架
  • 测试框架

这些已经花费了一些努力来熟悉配置并让它们一起工作。

现在,我为每个可以为项目克隆的配置都有一个 git 存储库,例如 webpack-babel-eslintwebpack-babel-eslint-typescriptwebpack-babel-eslint-typescript-vue 等。

这解决了快速初始化项目的问题,但需要在每个 repos 配置发生更改时对 webpack 配置(例如)进行调整,而不是在一个位置调整基本 webpack 配置并使其共享。

我见过像 Yeomon 这样的工具,但我非常同情在已经令人生畏的环境中它是“又一个工具”的感觉。我还看到 Lerna 的 monorepo 结构看起来可以用来隔离所有这些 repos,但这对我来说更有意义的是传统包而不是样板资产。

有没有办法以一种健壮的、可编辑的方式维护我们的项目配置,以便快速进行原型设计,例如 Create React App 或 Vue-Cli?

【问题讨论】:

  • 您可能只想编写一个 yeoman 生成器,根据命令行界面提示的几个问题生成您设计的上述任何配置,这样您只需要一个项目而不是所有项目。

标签: javascript ecmascript-6 boilerplate


【解决方案1】:

在使用现代 JavaScript 工具时,是否有推荐的方法来创建一致的项目样板?

是的 有一个一致的样板生成器,称为Yeoman,通常人们使用它来使项目在他们的组织中保持一致,或者在其中包含大量脚手架用例的项目中.

这个问题以及您在问题的最后一部分中解决的问题是“一个”脚手架。在开源社区中使用时,脚手架需要服务于某个目的并具有可见性,否则,它们将只是沙漠中的一粒谷物。

create-react-appvue cliangular cli 之类的东西之所以存在并且存在,是因为它们服务于一个非常好的目的,而且还因为它们得到了社区的支持和知名度

因此,如果脚手架是为您的工作而设计的,或者是为您与朋友一起进行项目的工具集,请继续使用Yeoman,但请记住,除非您每隔一天制作新项目,否则这将是工作多于收益。

如果你只是“为社区”做这件事,那就别费心了,CreateReactApp、angular/cli 和 vue/cli 已经足够了,除非有一个 git issue 有 1000 个赞,你会解决添加这个工具的问题

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-02-13
    • 1970-01-01
    • 2012-04-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多