编译watch SCSS多对一CSS

编译watch SCSS多对一CSS,css,sass,Css,Sass,我正试图找到一种方法将我的多个scss文件编译成一个css文件 脚本位于package.json中,使用节点sass 目前我发现最好的是:sass--watch.assets/css/scss/:assets/css 问题是它为每个scss文件创建一个css文件,再加上一个css映射文件。 我以前没有使用watch节点sass——include path scss.assets/css/scss/style.scss assets/css/style.css,但每次保存时都必须运行该命令 将sa

我正试图找到一种方法将我的多个scss文件编译成一个css文件

脚本位于package.json中,使用节点sass

目前我发现最好的是:
sass--watch.assets/css/scss/:assets/css

问题是它为每个scss文件创建一个css文件,再加上一个css映射文件。 我以前没有使用watch
节点sass——include path scss.assets/css/scss/style.scss assets/css/style.css
,但每次保存时都必须运行该命令

sass--watch.assets/css/scss/style.scss:assets/css/style.css
与style.scss一起使用,如下所示:

@import'test1.scss';
@导入“test2.scss”

不起作用,但请说:

已将style.scss编译为style.css。 将test1.scss编译为test1.css

我错过什么了吗


编辑:由于某些原因,在linux子系统上只运行没有节点的sass会导致出现一些蓝屏。使用
节点sass--watch./assets/css/scss/style.scss:assets/css/style.css
节点sass--watch./assets/css/scss:assets/css
返回一个npm错误:code-ELIFECYCLE errno 1

所有的sass部分都应该重命名为以下划线字符开头:

从指南中:

分部是一个以前导下划线命名的Sass文件。您可以将其命名为_partial.scss。下划线让Sass知道该文件只是一个部分文件,不应将其生成为CSS文件

您可以继续以相同的方式将部分文件导入到main styles.scss文件中,使用其正常名称并省略下划线字符。如果愿意,也可以省略“.scss”。要遵循新的SASS语法版本,您应该使用
@use
来导入,而不是
@import


然后,您只需传输主构建文件,它应该可以正常工作。

我尝试了不同的解决方案,其中一个解决方案符合我的要求:

我必须删除依赖项和目录,因为我必须只在一个文件上写入

必须运行这个程序才能正常工作

“css监视:节点sass——包括路径scss./assets/css/scss/style.scss-w/assets/css/style.css”


将文件包含在style.scss中,但名称中不包含uu,只需简单导入即可,并可检测导入文件中的所有更新。

可能是输入错误?assets/css/scss/style.scss之前的点是否正确,还是它引用了实际的文件夹?使用下划线通常可以避免单独编译include。因此,按原样调用
@imports
,但实际的SCSS文件重命名为
\u test1.SCSS
,等等@deelde它正在使用节点,但试图运行
sass--watch.assets/css/SCSS/:assets/css
我刚刚连续有两个蓝屏@我应该使用哪个命令(考虑到没有节点的sass会导致一些蓝屏)?我是否还必须重命名文件test1,或者只是在导入时将其重命名为style.scss?您需要使用下划线重命名实际的scss文件。在
@import
中删除下划线(因此保留当前拥有的内容)。您的
--watch
应该在您保存include文件并重新编译到您的样式时启动。css我真正想要的是在将文件更新到scss文件夹时触发watch。对我来说,让脚本工作的唯一方法是将输入style.scss和style.css作为输出,但不能使用--watch,因为style.scss上没有更新。如果我的帖子不清晰,我很抱歉。不,它应该可以很好地与——看。如果要将文件导入style.scss和transpiling style.scss,则只要style.scss发生更改或导入style.scss的任何文件发生更改,该文件都将重新编译。我每天都这样做。好吧,我的脚本中可能有一些错误:
“构建css”:“节点sass——包括路径——观察scss./assets/css/scss/style.scss assets/css/style.css”
嘿,我需要为几个项目创建一个样式指南。你知道一种方法可以创建一个导出“.scss”文件的NPM包,这样我就可以将它们包含在我的消费者项目中。。因此,我的NPM包的使用方式如下:import'@mystuff/styles/_colors.scss'。。或导入“@mystuff/styles/_typography.scss”。。。。在我的“styleguide项目”中。我可以修改它们等等。。然后再次构建到npm。。。然后在我的各种项目中添加我的版本。。你知道怎么做吗?