用于设置配置的webpack cli菜单

Question

我在vue-cli设置中看到类似这样的内容（meta.js）

user@ny-laptop ~/Documents/
> $ vue init webpack my-project                                                                                          

? Project name hi
? Project description how do i get this menu?
? Author (user <user@gmail.com>)
...etc

如何为新的webpack项目创建这样的基于菜单的配置？我有一个核心模板，有很多选项，能够提前选择会非常有帮助。

感谢

Answer 1

您可以通过向meta.js添加属性来实现。

分步示例：

• Fork https://github.com/vuejs-templates/webpack

  • 示例：https://github.com/acdcjunior/webpack-vue-template（除了分叉我也重命名了回购）

• 重要提示：确保您在 master分支并提交。

  • Edit the meta.js file，添加属性。
  • 例如，我添加了weather问题：commit here.

• 现在使用vue init

  • 示例：

    vue init acdcjunior/webpack-vue-template my-project-from-my-template
    

示例输出（注意第二个问题）：

$ vue init acdcjunior/webpack-vue-template my-project-from-my-template

? Project name my-project-from-my-template
? How's the weather today? Very nice, thanks.
? Project description A Vue.js project template by acdcjunior
...

创建的属性可以在模板中使用：

• 请参阅/template folder。
• 实施例：
  • lintConfig in meta.js
  • 是used in package.json's tempalte to set some dependencies。

这适用于Vue-cli v2.x。