如何将package.json中的node-sass-chokidar命令替换为dart-sass

操作步骤 #

1. 先替换依赖，执行如下命令：

npm uninstall node-sass node-sass-chokidar
npm install sass --save-dev

2. 替换package.json中的脚本为如下写法：

"build-scss": "npm run update-version && rimraf bundles/* && sass --load-path ./src --load-path ./node_modules src/:dist/css",
"watch-scss": "npm run build-scss && sass --watch --load-path ./src --load-path ./node_modules src/:dist/css"

参数对应说明 #

• 原node-sass-chokidar的--include-path参数和dart sass的--load-path功能完全一致，直接替换即可，用于指定sass文件导入时的搜索路径
• dart sass没有单独的-o输出目录参数，统一使用输入路径:输出路径的格式指定编译输入输出位置
• dart sass的--watch模式默认递归监听输入目录下所有sass/scss文件变化，不需要额外加--recursive参数

内容的提问来源于stack exchange，提问作者Nikhil