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

Question

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

我有一个离子CLI创建的Ionic 3项目,因此Angular/Webpack.我试图删除主题文件夹并将variable.scss文件移动到我的分片scss文件夹.当我这样做 - 一切都爆炸了,我得到一个IDE错误"导入未找到或不可读的Sass错误文件:/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