Dart 在角省道中使用SASS
我正在尝试找出如何在我的AngularDart项目中使用.scss文件 到目前为止,我的应用程序结构如下所示:Dart 在角省道中使用SASS,dart,angular-dart,Dart,Angular Dart,我正在尝试找出如何在我的AngularDart项目中使用.scss文件 到目前为止,我的应用程序结构如下所示: -lib -src -signin_component -signin_component.dart -singin_component.html -signin_component.scss -signin_component.scss.css -r
-lib
-src
-signin_component
-signin_component.dart
-singin_component.html
-signin_component.scss
-signin_component.scss.css
-route_paths.dart
-routes.dart
-app_component.css
-app_component.dart
-app_component.html
pubspec.yaml文件包含以下内容:
environment:
sdk: '>=2.0.0 <3.0.0'
dependencies:
angular: ^5.0.0
angular_components: ^0.12.0
angular_forms: ^2.0.0
angular_router: ^2.0.0-alpha+19
bootstrap_sass: any
dev_dependencies:
angular_test: ^2.0.0
build_runner: ^1.0.0
build_test: ^0.10.2
build_web_compilers: ^0.4.0
test: ^1.0.0
import 'package:angular/angular.dart';
import 'package:angular_components/material_icon/material_icon.dart';
@Component(
selector: 'app-signin',
templateUrl: 'signin_component.html',
styleUrls: const [
'signin_component.scss.css',
'package:angular_components/app_layout/layout.scss.css'
],
directives: [
MaterialIconComponent
]
)
class SigninComponent{
}
我在stackoverflow上读过几篇关于这个的帖子。一些参考资料包括:
我已经尝试了上面帖子推荐的几乎所有东西,但仍然没有任何效果。在这一点上,我想问问这里是否有人可以指导我。我对飞镖几乎没有经验。我正在学习AngularDart,我觉得我遗漏了一些我看不见的东西。如果您将
sass构建器:^2.1.2
添加到项目中的开发依赖项中,它将在构建过程中运行,并为您拥有的任何.scss文件创建一个.css文件
我建议从源目录中删除signin\u component.scss.css
<代码>登录组件。css(注意扩展名)将在构建期间生成
更新角度组件以包含生成的.css文件:
styleUrls: const [
'signin_component.css',
'package:angular_components/app_layout/layout.scss.css'
],
从angular_components包导入的文件仍然需要以.scss.css结尾,因为我们为包生成了自定义扩展名