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', и он не работал, или я использую его неправильно...

0 ответов

Другие вопросы по тегам