我正在使用 Angular4
和 sass
开始我的第一个项目,并试图找出如何正确地使用 sass
。我正在使用 angular-cli
并已将默认样式设置为使用 scss
语法。我也已经定义了编译等内容。
然而,我发现在组件中有一个 styleUrls 的选项,在某些情况下,我们定义仅在该组件中使用的样式。
问题是,当我在该组件中设置一个 scss
文件时,它既不会生成自己的 .css
文件,也不会被包含在从根项目生成的主要 .css
文件中。
因此,基本上我的项目结构是这样的:
app
app.module.ts
app.routing.ts
home
home.component.ts
home.html
_home.scss
client
client.component.ts
client.html
_client.scss
scss
_imports.scss
colors
_colors.scss
ui
_button.scss
_table.scss
//.. more folder and files
styles.scss
index.html
我希望能够在styles.scss
文件中设置主要的css
样式,该文件稍后将在构建过程中插入到index.html
文件中。但也要能够为每个组件生成单独的css
文件,例如home
和client
,并且仅在它们自己的component
中使用这些css
样式。
这种做法可能吗?我已经尝试了一下,但没有找到其他资源关于这个问题!
style.css
。例如,home.scss和client.scss这些文件从未编译成.css文件,因此也从未被注入。 - celsomtrindadestyles.scss
添加到.angular-cli
,但在最终构建中,它没有反映在您的页面上? - Vamshi