версия sass-загрузчика: 4.1.1
версия узла-sass: 4.1.1
веб-пакет: 1.14
Версия узла: 7.3
Я вижу, что моя сборка с sass-loader не работает только на Linux (на Mac все нормально), но не каждый раз. я не совсем уверен, является ли это проблемой sass или проблемой sass-loader. Кажется, это связано с конфигурацией веб-пакета, но я не понимаю, что не так. Я использую плагин извлечения текста webpack, но та же ошибка происходит и без него.
Кажется, это связано с тем, что две точки входа ссылаются на один и тот же набор sass.
Child extract-text-webpack-plugin:
+ 1 hidden modules
ERROR in ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/scss/alternate.scss
Module build failed:
@include media-query-phone() {
^
Stack level too deep
in /data/jenkins/workspace/build-branch/src/scss/elements/_grid.scss (line 88, column 16)
Child extract-text-webpack-plugin:
+ 1 hidden modules
ERROR in ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/scss/main.scss
Module build failed:
@include media-query-desktop() {
^
Stack level too deep
in /data/workspace/build-branch/src/scss/elements/_grid.scss (line 64, column 16)
на моем корневом уровне у меня есть 2 файла sass, main.scss и alter.scss
//main.scss
@import 'folder1/**/*.scss';
//alternate.scss
@import 'folder2/thing';
@import 'main.scss';
ни одна из вещей внутри папки 1 или 2 не имеет импорта.
мои точки входа в конфигурацию webpack выглядят так
entry: {
//doesn't happen if either of these is left out
'main': './src/main.js', //the js file imports main.scss
'alternate-sass': './src/scss/alternate.scss'
},
миксины, вызывающие ошибки, выглядят так
@mixin media-query-phone() {
@media screen and (min-width: $phone-min-width) and (max-width: $tablet-min-width - 1) {
@content;
}
}
//used by
@include media-query-phone() {
.blah{
padding: 0;
}
}