除非保存main.scss | SASS,否则不会发生更改
我有main.scss文件,可以导入所有其他scss文件。但每当我在“pages/band”文件中进行更改时,除非每次都保存main.scs,否则不会发生任何更改。 我正在运行live server 编辑: 下面是package.json文件除非保存main.scss | SASS,否则不会发生更改,sass,node-sass,Sass,Node Sass,我有main.scss文件,可以导入所有其他scss文件。但每当我在“pages/band”文件中进行更改时,除非每次都保存main.scs,否则不会发生任何更改。 我正在运行live server 编辑: 下面是package.json文件 { "name": "bootstrap_startup", "version": "1.0.0", "description": "Bootstrap startup", "main": "index.js", "scripts":
{
"name": "bootstrap_startup",
"version": "1.0.0",
"description": "Bootstrap startup",
"main": "index.js",
"scripts": {
"compile:sass": "node-sass sass/main.scss css/style.css -w"
},
"author": "Zain",
"license": "ISC",
"devDependencies": {
"node-sass": "^4.11.0"
}
}
main.scss
@import "abstract/mixins";
@import "abstract/variables";
@import "base/animations";
@import "base/base";
@import "base/typography";
@import "base/utilities";
@import "components/cards";
@import "components/footer";
@import "pages/band";
@import "pages/home";
要使任何类型的自动刷新功能在打包的本地服务器解决方案上工作,您的工具始终需要知道要监视哪些文件的更改
实时服务器
也是这样。您需要告诉它要监视哪些文件以获取更新。初始化live server
时,我发现在main.scss文件中添加新的@include后,必须重新启动sass编译器脚本一次,以便它获取对它的更改。这对我很有用。构建脚本的设置如何?什么将SCS编译为css?请查看我编辑的说明