下面是使用 node-sass 命令行工具编译文件夹中的所有 SCSS 文件的示例代码:
npm install -g node-sass
创建一个名为 "scss" 的文件夹,在该文件夹中添加要编译的 SCSS 文件。
在命令行中,进入到包含 "scss" 文件夹的目录。
运行以下命令:
node-sass scss --output-style compressed --recursive
上述命令将编译 scss 文件夹中的所有 SCSS 文件,以压缩输出样式的方式,并将编译后的 CSS 文件保存在 scss 文件夹中。
node-sass scss --output-style compressed --recursive --watch
上述命令将在每次 SCSS 文件更改时自动重新编译。
const sass = require('node-sass'); const fs = require('fs');
const inputPath = 'scss'; const outputPath = 'css';
fs.readdir(inputPath, (err, files) => { if (err) throw err;
files.forEach(file => {
if (file.endsWith('.scss')) {
const inputFile = ${inputPath}/${file}
;
const outputFile = ${outputPath}/${file.replace('.scss', '.css')}
;
sass.render({
file: inputFile,
outputStyle: 'compressed'
}, (err, result) => {
if (err) throw err;
fs.writeFile(outputFile, result.css, err => {
if (err) throw err;
console.log(`Compiled ${inputFile} -> ${outputFile}`);
});
});
}
}); });
上述代码将读取 "scss" 文件夹中的所有 SCSS 文件,并将它们编译为压缩的 CSS 文件,然后将它们保存在 "css" 文件夹中。同样,如果需要监视 SCSS 文件并在更改时自动重新编译,请使用适当的监视方法。