Question

是否可以使用webpack将scss文件的目录编译为css文件的目录？

我不想使用sass命令行工具，因为它是Angular项目的一部分，在自定义构建器的帮助下，我只能使用ng build

运行webpack脚本

例如

- src
 - themes
  - theme-dark.scss
  - theme-light.scss

到

- dist
 - themes
  - theme-light.css
  - theme-dark.css

但是我认为这目前是不可能的，因为webpack似乎需要在JavaScript中而不是在单个文件中导入的scss，并将生成的文件写入js而不是css。

这是我甚至想要使用Webpack还是我需要其他工具吗？

Answer 1

您可以使用Sass compiler通过单个命令将scss编译为css。正是您要寻找的用例。

sass --watch src/themes:dist/themes

手表将在文件更改时进行编译（可选）