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

标签 angular webpack ionic3

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

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

最佳答案

如果移动 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

关于angular - Ionic 3 - 如何移动主题>variable.scss 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47397122/

相关文章:

javascript - 使用多级键过滤文本的 Angular 管

angular - 以 Angular 显示单个元素下的详细信息

angular - 动态更新的 ng2-charts

Angular 2 Routing 在新选项卡中运行

cordova - InAppBrowser 有时为空/空白

javascript - 如何修复 require.ensure 错误 Webpack、Babel6、React?

javascript - 在 Rails 5.1 中使用 Webpacker 并加载图像资源

firebase - "firebase serve"只是一个计划 Vanilla 开发服务器吗?

android - 无法从 ionic 3 应用程序将图像上传到服务器

angular - Ionic3/Angular 错误 : Must supply a value for form control with name: 'jobStatus'