Witam, mam następujący problem.
W projekcie używam webpacka do budowania plików wynikowych. W pliku app.js dodaje sobie ścieżkę do pliku scss import '../scss/style.scss'; a w webpack.config.js standardowo dodaje sass-loader, css-loader, style-loader...
Ogólnie wszystko działa, lecz dodałem sobie również plugin WebfontPlugin aby generowały mi się webfont z ikonek .svg oraz plik fonticon.scss ze stylami do nich, który jest importowany w w/w ../scss/style.scss. Tak więc w tym momencie, odpalając webpack watch, generują mi się wszystkie pliki w tym plik fonticon.scss od fontów, wtedy webpack odczytuje zmienę pluku scss, znowu się odpala i tak w kółko.
Myślałem początkowo, że można dodać do browsersynca ignorowanie pliku ale to jednak za śledzenie tych zmian odpowiada ten kod:
{
test: /\.s[ac]ss$/,
use: ExtractTextPlugin.extract(
{
fallback: 'style-loader',
use: [
{
loader: 'css-loader',
options: {
url: false
}
},
{
loader: 'postcss-loader',
options: {
config: {
path: './config/postcss.config.js'
}
}
},
{
loader: 'sass-loader',
}
],
}
),
},
Skończyły mi się pomysły co zrobić, aby po wygenerowaniu pliku fonticon.scss, webpack dalej nie mielił... ew. generowanie czystego css i doklejanie na końcu app.css, ale nie podoba mi się taki rozwiązanie. Ktoś może ma na to pomysł ?