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

Question

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

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

Answer 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"
  },

有关详细信息，请参阅 https://github.com/ionic-team/ionic-app-scripts#custom-configuration