Sass 如何为整个文件夹设置考拉的目录映射?
我正在尝试为设置目录映射,以便将所有文件输出到Sass 如何为整个文件夹设置考拉的目录映射?,sass,Sass,我正在尝试为设置目录映射,以便将所有文件输出到css文件夹 我的项目文件结构: -- Project folder -- css -- style.css -- print.css -- scss -- style.scss -- print.scss 我希望考拉能够监视scss文件夹中的所有文件,并将它们输出到css文件夹中 我发现可以将项目设置文件koala config.json放在项目根目录中: 当我尝试时,它不起作用: // The mappi
css
文件夹
我的项目文件结构:
-- Project folder
-- css
-- style.css
-- print.css
-- scss
-- style.scss
-- print.scss
我希望考拉能够监视scss
文件夹中的所有文件,并将它们输出到css
文件夹中
我发现可以将项目设置文件koala config.json
放在项目根目录中:
当我尝试时,它不起作用:
// The mappings of source directory and output directory
"mappings": [
{
"src": "scss",
"dest": "css"
}
],
如何为整个文件夹设置输出映射?每个项目设置
以前的设置适用于所有已注册的项目。我们还可以通过以下方式自定义每个项目的设置:
右键单击项目文件夹。导航到项目设置>新设置
有很多选择。选择“Default”、“for LESS”和“for CoffeeScript”将创建一个项目配置文件koala-config.json,而选择“for Sass”或“for Compass”将创建config.rb,即Sass和Compass配置文件
这些文件保存在项目根目录中,我们需要在代码编辑器中编辑它们以自定义项目设置。下面是一个示例,如果您想更改较少的输出文件夹
"mappings": [
{
"src": "build/less",
"dest": "assets/css"
}],
只需右键单击要编译的scss文件,就会看到“设置输出路径”选项。 将此设置为目标css文件夹并开始。 您还可以通过右键单击考拉中选定的scss文件夹并选择SASS的每个项目设置来设置每个项目的设置。考拉创建考拉-config.json
// The mappings of source directory and output directory
"mappings": [
// {
// "src": "path/to/source",
// "dest": "path/to/output"
// }
],
只需编辑指向SCS和css文件夹的路径。我知道这个问题并不新鲜,但考拉文档并不全面,因此此代码可能会对其他人有所帮助。看起来您必须更改两条路径才能使其正常工作:
"mappings": [
{
"src": ".",
"dest": "../css"
}
],
您可以在考拉的UI中看到实际的输出路径。它位于每个SCSS文件名的下方。下面是一个例子:
我看不出这是如何回答这个问题的?OP希望将考拉配置为监视整个目录,而不是更改编译器。示例代码设置为整个文件夹。这意味着:编译从SCS到css文件夹的所有内容。如果您创建一个配置文件,从GUI中创建它,然后编辑它,从考拉中删除项目,然后读取它,但是请确保添加该目录,配置文件在哪里。对我来说,考拉似乎没有重新加载配置文件,当你将你的项目添加到考拉时,它有一些意义(只有在这种情况下,如果没有解析错误,如果有解析错误,整个文件都会被忽略)。