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

【问题标题】：SASS files compilation from app/src to www/build folderSASS 文件从 app/src 编译到 www/build 文件夹
【发布时间】：2017-06-17 00:54:27
【问题描述】：

如何将 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 目录？哪个任务[脚本] 负责将这些 src/app 文件夹编译到 www 文件夹中？这方面的配置文件在哪里？

【问题讨论】：

只是挖掘@ionic 文件夹 (rc6) 中的一些文件，我发现 build.js 文件往往会做很多这样的事情，尤其是 buildUpdateTasks() 和 buildUpdate() 函数，我假设使用 webpack。 /node_modules/@ionic/app-scripts/bin/build.js 如果您愿意，可以使用 minify.js 和 sass.js 等进入兔子洞。它们都在相互利用。我很确定它也可以从 /src 文件夹中获取任何内容，因为 theminig scss 包含在根目录中

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

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：