Fatal编程技术网
  • css/
  • 如何将所有scss文件编译到所需路径

如何将所有scss文件编译到所需路径

css sass path

如何将所有scss文件编译到所需路径,css,sass,path,Css,Sass,Path,在我的项目中，我有两个名为sass和css的目录，如下所示： project/ ├── css/ │ └── ... ├── sass/ │ └──main/ │ └── main.scss │ └──global/ │ ├── _fonts.scss │ ├── _custom.scss │ └── global.scss 现在，当我运行sass--watch sass:css时，它会将所有的scss文件编译成相应目录中的css文件，如：s

在我的项目中，我有两个名为
sass
和
css
的目录，如下所示：

project/
├── css/
│   └── ...
├── sass/
│   └──main/
│      └── main.scss
│   └──global/
│      ├── _fonts.scss
│      ├── _custom.scss
│      └── global.scss
现在，当我运行
sass--watch sass:css
时，它会将所有的scss文件编译成相应目录中的css文件，如：sass/main/main.scss到css/main/main.css

但是我希望将sass目录中的所有scss文件都监视到我想要的路径，比如
css/main.css

我不需要在css文件夹中创建类似的目录，我的最终目标是在
css
目录中创建一个名为
main.css
的文件

谢谢。

通过在文件名的开头加下划线（例如
\u variables.scss
），它将成为一个新文件名。这些文件不会自行编译，但需要先将
@导入到文件（不是部分文件）中，然后才编译为一个文件。你可以想象这是一种“注射”



文件夹结构可能与此类似


/sass
+-/abstracts
|  +- _variables
|  +- _mixins
|     ...
+-/components
|  +- _forms
|    ...
main.scss


而您的
main.scs
可能只包含
@imports


// Abstracts
@import 'abstracts/variables';

...

// Components
@import 'components/forms';

...


注意：导入文件时可以忽略
.
以及
.scss