Ionic 3 - 如何移动主题>variable.scss 文件

【问题标题】：Ionic 3 - How to move the theme>variable.scss FileIonic 3 - 如何移动主题>variable.scss 文件
【发布时间】：2017-11-21 01:50:39
【问题描述】：

这似乎是一个简单的问题，但我找不到答案。

我有一个使用 ionic CLI 创建的 Ionic 3 项目，例如 Angular/Webpack。我正在尝试删除主题文件夹并将 variable.scss 文件移动到我的分片 scss 文件夹中。当我这样做时 - 一切都崩溃了，我收到“Sass 错误”的 IDE 错误找不到或无法读取要导入的文件：/Users/blah/src/theme/variables.scss。父样式表：stdin"

【问题讨论】：

node_modules/@ionic/app-scripts/config/中有设置吗？我以前没有这样做过。
@PhilipBrack 不确定，但我不想这样做，以防有人更新该模块。
所以我要做的是连接到 npm "post-install" 并复制我的更改。信不信由你，我 99% 确信这是正确的方法。

标签： angular webpack ionic3

【解决方案1】：

如果你移动 variables.scss，你必须改变路径。 Ionic CLI 将路径放在“variableSassFiles”下（在@ionic\app-scripts\config/sass.config.js 中）。

所以你必须自定义 sass.config.js 并将它放在你自己的文件夹中。之后更新 package.json 并添加：

  "config": {
    "ionic_sass": "./your-path-to-config-folder/sass.config.js"
  },

【讨论】：

在我的应用程序中，我通过 npm 进行了这些更改，以便升级。 Hook-"postinstall": "node ./post-install.js"，其中 post-install 做了几件事，包括更新引用的文件。
@Paul 感谢您的回答。 Grr .. 我希望我可以在 package.json 中有 "config": { "variableSassFiles": ["src/shared/scss/variables.scss"] }。