Angular /在一个命令中创建一个没有css文件的模块，组件？

Posted 2023-02-22

【中文标题】Angular /在一个命令中创建一个没有css文件的模块，组件？

【英文标题】：Angular / create a module, component without css file in one command?

【发布时间】：2018-10-18 11:38:14

【问题描述】：

是否有这样的选项来创建链接到组件的模块，该组件在创建时没有 css 文件？

例如

到目前为止，我的默认方法如下：

ng generate module name / ng generate component name

我得到了一个组件的基本结构： name.component.css name.component.html name.component.spec.ts name.component.ts name.module.ts

我想只用 ONE 查询创建以下内容：

name.component.html name.component.spec.ts name.component.ts name.module.ts

例如类似：

ng g m name + c name - css ...你懂的。

这可能吗？如果可以，怎么做？

【参考方案1】：

极简 Angular Cli 生成示例

ng g c hero-component --flat -it -is --skipTests

-is 用于内联 css，防止创建样式文件 --flat 防止创建文件夹 -it 用于内联模板，防止创建 html 文件 --skipTests 防止创建 .spec 文件

Angular 文档参考链接https://angular.io/cli/generate#component

将所有这些参数放在一起，

cli 在当前文件夹中创建单个 .ts 文件并将其链接到模块中。

【讨论】：

可以在 angular.json 中为应用全局配置吗？

【参考方案2】：

inline-style可以使用ng generate -is，不会单独生成css文件，而是将css保留在组件内（内联）。

【讨论】：

我收到以下回复：ng generate -is Schematic "-is" not found in collection "@schematics/angular". Error: Schematic "-is" not found in collection "@schematics/angular". at SchematicEngine.createSchematic ........

ng g c component -is 我得到一个node_modules appears empty, you may need to run npm install` `，不用说，它不是空的，我再次运行 npm install ，但它对我不起作用。我做错了什么？

【参考方案3】：

最新的正确答案是：

ng g c MyComponent --style none

它不会创建样式文件，也不会有任何内联样式。