从app / src到www / build文件夹的SASS文件编译

时间:2017-01-31 14:30:14

标签: cordova ionic-framework ionic2 visual-studio-cordova

如何将src / api文件夹中的SASS文件复制到Ionic 2项目的www文件夹中?如果我错了,请根据我的理解来纠正我

Ionic v2, How does it work

build:build调用一组@ ionic / app-scripts来编译Typescript源代码,编译sass,创建一个bundle javascript文件等等。

很清楚如何将进程编译成.ts文件到www文件夹并创建一个包文件但是对于sass文件来说这不是很清楚:

sass:sass遍历应用程序的目录树以查找scss文件并将它们组装成一个css文件。

当它显示应用程序的目录时,它是指src / app目录还是www / build目录?哪个任务[script]负责将这些src / app文件夹编译到www文件夹中?配置文件在哪里?

2 个答案:

答案 0 :(得分:0)

Ionic构建过程使用https://github.com/driftyco/ionic-app-scripts完成。构建的一部分是SASS编译。您可以在此处找到其配置:https://github.com/driftyco/ionic-app-scripts/blob/master/config/sass.config.js

默认配置显示“在与组件模块相同的目录中搜索sass文件”。

答案 1 :(得分:0)

由于您标记了 visual-studio-cordova ,我假设您使用的是 Visual Studio 。您所要做的就是打开 Task Runner Explorer 并选择 package.json 。它应该有一个构建命令。右键单击它并选择运行。该过程应该转换为sass文件。