Angular Ionic2-如何将通用/全局SCSS文件编译到build/main.css中?
我有以下全新项目,由以下人员创建:Angular Ionic2-如何将通用/全局SCSS文件编译到build/main.css中?,angular,typescript,ionic-framework,ionic2,Angular,Typescript,Ionic Framework,Ionic2,我有以下全新项目,由以下人员创建: $ ionic start MyIonic2Project sidemenu --v2 文件内容:src/assets/css/style.scss如下: img.avatar { max-width: 100px; max-height: 100px; border-radius: 50%; } 正如您所看到的,上面的样式嵌入在html文件中,而不是在文件:build/main.css中 如何在main.css文件中获取这些样式
$ ionic start MyIonic2Project sidemenu --v2
文件内容:src/assets/css/style.scss
如下:
img.avatar {
max-width: 100px;
max-height: 100px;
border-radius: 50%;
}
正如您所看到的,上面的样式嵌入在html
文件中,而不是在文件:build/main.css
中
如何在main.css文件中获取这些样式?尝试这样做:
将下面的代码剪切到它所在的位置
img.avatar {
max-width: 100px;
max-height: 100px;
border-radius: 50%;
}
然后将其粘贴到build/main.css文件中。您必须使用index.html编写,这是可行的,但我认为写入build
/main.css文件不是一个好主意,因为该文件应该自动生成。这就是为什么我问如何将css添加到src
或resources
目录中的某个文件中。