Есть ли способ установить файл конфигурации node-sass?

Question

Я искал и нашел некоторые проблемы и реализации, которые, по-видимому, устарели, хотя я не уверен (так как я пытался реализовать их и потерпел неудачу).

---

Если это все еще не такПонятно, чего я хочу добиться, так это командной строки:

Прямо в командной строке или скриптах npm, мы будем использовать что-то вроде этого:

node-sass --config sassconfig.json

В sassconfig.json,у нас будет код, подобный приведенному ниже:

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

---

Эта настройка сделает его более элегантным и простым, как tsconfig.json.

Answer 1

Обычно вы не визуализируете Sass вручную с помощью команды npm.Интегрируйте Sass в свой веб-сервер и визуализируйте его при запуске сервера, и ваша программа-наблюдатель распознает изменения в коде (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, вот версия веб-пакета:

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

Позвольте мне процитировать Арнелла Балана за это.

{
    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