有什么方法可以设置节点sass配置文件吗

Question

我一直在搜索，发现了一些似乎不推荐使用的问题和实现，尽管我不确定(因为我试图实现它们，但失败了(。

---

如果还不清楚，我想实现的是这样的命令行：

直接在命令行或npm脚本中，我们会使用这样的东西：

node-sass --config sassconfig.json

在sassconfig.json中，我们会得到如下代码：

{
"outputStyle": "compressed",
"sourceMap": true
}

---

此设置将使其更优雅、更直接，就像tsconfig.json一样。

Answer 1

通常情况下，您不会使用npm命令手动渲染Sass。将Sass集成到您的Web服务器中，并在服务器启动时呈现它，并且您的观察程序识别代码中的更改(nodemon、Webpack热模块等(

以下是expressJs服务器的示例：

https://stackoverflow.com/a/26277894/6564085
Let me quote swervos' answer from the link to save the snippet in this answer: 
var connect = require('connect');
var sass = require('node-sass');
var srcPath = __dirname + '/sass';
var destPath = __dirname + '/public/styles';
var server = connect.createServer(
sass.middleware({
src: srcPath,
dest: destPath,
debug: true,
outputStyle: 'expanded',
prefix: '/styles'
}),
connect.static(__dirname + '/public')
);

如果你想使用Webpack，这里有一个Webpack版本：

https://stackoverflow.com/a/46059484/6564085

让我引用Arnelle Balane的话。

{
test: /.scss$/,
use: ExtractTextPlugin.extract({
fallbackLoader: "style-loader",
use: [{
loader: 'css-loader'
}, {
loader: 'sass-loader',
options: {
outputStyle: 'expanded'
}
}]
})
}

更多信息请点击此处：https://www.npmjs.com/package/sass-loader