Ionic 3在构建时间内更改变量/主题

时间:2019-02-07 15:45:40

标签: javascript ionic-framework sass

我需要在ionic 3中创建2个主题。 实际上,我只需要拥有2个版本的variable.scss文件。

一个将具有一个颜色托盘,另一个将具有相同的变量但颜色不同。

是否可以在构建时说出离子性使用哪个主题(variables.scss),或在构建时以某种方式更改调色板?

1 个答案:

答案 0 :(得分:1)

我用离子搭扣解决了这个问题。

参考:

https://cordova.apache.org/docs/en/latest/guide/appdev/hooks/ https://ionicframework.com/docs/cli/configuration#hooks

在文件夹“ \ src \ theme”中,我为每个主题创建了一个文件夹。文件夹仅包含我需要的调色板的variable.scss文件。

在ionic.config.json中,我根据文档添加了钩子:

Avg_Amount

我创建了文件夹脚本并添加了serve-build-before.js文件,该文件将在每次构建过程开始时被调用:

175+100+200+150 = 625

此代码从构建参数中获取主题名称,主题名称与文件夹名称相同,只需将variable.scss文件从主题文件夹复制到主离子主题文件夹。

自定义构建过程参数(在本例中为主题)应这样发送:

4