在ionic3 里 运行 ionic serve 找不到ng 的styleUrls里的scss文件

Question

在styleUrls里我这样写：['./app.scss']；这样 ionic serve运行后找不到该文件，要改成"/app.scss"；可是我运行ionic cordova build ios --prod release时却提示找不到该样式文件，要改为相对路劲写法，即"./app.scss"这样才找得到并编译通过。那这样开发环境跟部署环境写法不一样该怎么统一？总不能每次要build时每个文件手动去把styleUrls里的样式文件改为相对写法吧。

Answer 1

github上的issue区里找到了

https://github.com/ionic-team...

大概意思是 v3 版本不会支持使用 styleUrls 的写法
而 v4 的写法会完全看齐angular，所以需要使用 styleUrls 的话需要升级到v4+版本

个人给出的解决方法是
样式文件通过selector来限定组件样式作用区域

比如 ts 文件：

@Component({

 selector: 'page-example',

 templateUrl: './page-example.component.html'

})

scss文件：

page-example {
  // ...
}