Задать вопрос
iRedds
@iRedds

Webpack 4 sass. Как решить проблему с загрузчиком?

Рецепты из гугла не помогают. Что я делаю не так?
Ошибка:
[0] ./resource/js/index.js 50 bytes {0} [built]
[1] ./resource/sass/app.scss 177 bytes {0} [built] [failed] [1 error]

ERROR in ./resource/sass/app.scss 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
> .test {
| background-color: #fff000;
| }
@ ./resource/js/index.js 1:0-25

Конфиг webpack:
const path = require('path');

module.exports = {
  entry : './resource/js/index.js',
  output: {
    path: path.resolve(__dirname, './public/assets/js/'),
    filename: 'app.js',
  },
  module: {
    rules: [
      {
        test : '/\.scss$/',
        exclude: /node_modules/,
        use : ['style-loader', 'css-loader', 'sass-loader']
      }
    ]
  },
}

Установленные пакеты
"css-loader": "^1.0.0",
    "sass-loader": "^7.1.0",
    "style-loader": "^0.23.0",
    "webpack": "^4.19.1",
    "webpack-cli": "^3.1.1",
  • Вопрос задан
  • 2618 просмотров
Подписаться 1 Простой 2 комментария
Решения вопроса 1
freislot
@freislot
Frontend-разработчик
А попробуй вот так
const path = require('path');

module.exports = {
  entry : './resource/js/index.js',
  output: {
    path: path.resolve(__dirname, './public/assets/js/'),
    filename: 'app.js',
  },
  module: {
    rules: [
      {
        test : /\.scss$/,
        exclude: /node_modules/,
        use: [
          {
            loader: "style-loader"
          },
          {
            loader: "css-loader"
          },
          {
            loader: "sass-loader"
          }
        ]
      }
    ]
  },
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Russo2
Для тех у кого возникла такая же проблема.
Проверьте, установили ли вы пакет sass, ведь он требуется для работы sass-loader
npm i -D sass
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы