Как я могу использовать webpack-dev-server и sass-loader для компиляции Sass при внесении изменений в файлы JSON? - PullRequest
Новая
       46

Как я могу использовать webpack-dev-server и sass-loader для компиляции Sass при внесении изменений в файлы JSON?

0 голосов
/ 21 мая 2019

Я использую webpack-dev-server и собственный импортер Sass, чтобы разрешить импорт файлов JSON в мой Sass.Проблема заключается в том, что когда я делаю изменения в файлах JSON, которые импортируются в мой Sass, Sass не перекомпилируется.При внесении изменений в другие импортируемые файлы Sass, Sass перекомпилируется, как и ожидалось.

Я полагаю, что до json файлов, не являющихся частью загрузчика test: 

{
    test: /\.scss$/,
    use: [
        {loader: 'style-loader'}, 
        {loader: 'css-loader'},
        {loader: 'postcss-loader', options: {
            sourceMap: true,
            plugins: () => [Autoprefixer]
        }}, 
        {loader: 'sass-loader', options: {
            sourceMap: true,
            data: transformJSONtoSass(app.options),
            importer: SassJSONImporter,
            outputStyle: 'expanded'
        }}
    ]
},

... но если я изменю значение test на /\.(scss|json)$/, загрузчик попытается проанализировать JSON как Sass и выдаст ошибку.По сути, мне нужен webpack для запуска компиляции моего Sass всякий раз, когда я делаю изменения в некоторых указанных JSON-файлах.Я надеюсь, что смогу сделать это без специального загрузчика.

Заранее благодарен за любую помощь.

1 Ответ

0 голосов
/ 21 мая 2019

Если все приложение перекомпилируется, несмотря на то, какой тип файла изменился, вы можете попробовать json-loader .

...