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

Question

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

---

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

直接在命令行或npm脚本中，我们将使用以下方式：

node-sass --config sassconfig.json

在sassconfig.json中，我们将具有以下代码：

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

---

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

Answer 1

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

以下是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