StencilJS：如何在项目指定目录中生成组件？

当然可以指定组件的保存目录，具体实现方式取决于你使用的代码生成工具/脚手架，以下是几种常见的处理方案：

• 查看工具的配置文件
  多数生成工具会提供专属配置文件（比如generator.config.js、vue.config.js、angular.json这类），在文件里查找和输出目录相关的配置项，比如outputDir、componentDir之类的字段，修改为你想要的路径（例如src/custom-components）后保存，再执行npm run generate就会生成到指定目录。

• 命令行直接传参
  部分工具支持在执行命令时通过参数指定目录，示例命令如下：

  npm run generate -- --output-dir src/my-components
  

  这里的--用于将后续参数传递给generate脚本对应的原始命令，具体参数名可以查看项目package.json中scripts字段下generate对应的命令内容，或者工具的内置说明。

• 修改package.json中的脚本
  如果工具支持通过固定参数指定目录，你可以直接修改package.json里的generate脚本，比如原本的脚本是：

  "scripts": {
    "generate": "some-generator"
  }
  

  可以修改为：

  "scripts": {
    "generate": "some-generator --dir src/your-target-dir"
  }
  

  这样每次执行npm run generate都会默认生成到你指定的目录。

如果以上方法都不适用，建议查看项目里生成工具的本地文档，或者package.json中依赖的生成器包的说明，确认它是否支持自定义输出目录的配置。

内容的提问来源于stack exchange，提问作者brynetwork