Webpack 3 + Rails - проблема с адресом sass-загрузчика
@import '~bootswatch/dist/flatly/_variables.scss';
@import '~bootstrap/scss/bootstrap';
@import '~bootswatch/dist/flatly/_bootswatch';
@import 'assessments';
@import 'main';
Вот как выглядит мой application.scss. поэтому, когда я запускаю webpack для компиляции моих тестов, это выдает мне эту ошибку:
Module build failed:
@import '~bootswatch/dist/flatly/_variables';
^
Invalid CSS after "...load the styles": expected 1 selector or at-rule, was "var content = requi"
in /home/owner/Programming/work/wellonomics/app/new_assets/stylesheets/application.scss (line 1, column 1)
Error:
@import '~bootswatch/dist/flatly/_variables';
это мой конфигурационный файл environment.js:
const { environment } = require('@rails/webpacker');
const webpack = require('webpack');
const path = require('path');
const glob = require('glob');
environment.config.merge({
module: {
rules: [{
test: /\.scss$/,
use: [{
loader: "style-loader"
}, {
loader: "css-loader"
}, {
loader: "sass-loader",
options: {
includePaths: [path.resolve(process.cwd(), 'node_modules')]
}
}]
},
{
test: /.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
use: [{
loader: 'file-loader',
options: {
name: '[name].[ext]'
}
}]
}
]
},
resolve: {
alias: {
$: 'jquery',
jQuery: 'jquery'
}
}
});
module.exports = environment;
я уже прочитал много вопросов по github и документации по webpacker, а также документации по webpack doc + sass-loader, и проблема здесь хорошо известна, загрузчик sass не может разрешить URL, но независимо от того, что я делаю, я просто не могу скомпилировать это в конце концов с 'bin/webpack', что интересно, когда я запускаю webpack-dev-server, сначала тоже не удается скомпилировать, а затем я просто внослю изменения в мое приложение. scss перезапускается и успешно компилирует все мои оценки! Пожалуйста, Гас, помогите мне решить эту проблему, или, по крайней мере, кто-нибудь может посоветовать любой хороший scss в css-компилятор. Спасибо! я уже пробовал 'resol-url-loader', и он не работал, или я использую его неправильно...