Почему webstorm не компилирует scss?

Question

[Алексей]

Всем привет!
пути все проверил, но ide отказывает компилировать scss. Ошибок никаких нет, но и стили не подключаются к странице. Подскажите в чем может быть дело?

Comments

[Kovalsky]

А отказывается это как?

[Алексей]

Kovalsky,
npm start и файл со стилями не подтягивается, html, js при этом работают.
npm build и все все html и js файлы компилируются. scss как буд-то не видит.

[Robur]

для начала вызовите scss руками с теми же параметрами что в настройках

[Алексей]

Robur, что-то не понял, а можно поподробнее, пожалуйста?

[Robur]

идете в терминал, в ту же папку что у вас с настройках (которые вы не показали), там пишете "с:\ruby26-x64\bin\scss <путь к файлу scss>:<путь к файлу css>". смотрите что получилось

Answer 1

[juxifo]

Либо импортируйте стили в js, либо указываете в entry путь к стилям и юзайте mini-css-extract-plugin.

const MiniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports = {
  plugins: [new MiniCssExtractPlugin()],
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: [MiniCssExtractPlugin.loader, 'css-loader'],
      },
    ],
  },
};

Comments

[juxifo]

Ну, только лоадеры для sccs, понятное дело, добавьте.

[Алексей]

данный плагин у меня как раз и подключен в webpack config, если бы с ним были какие-то проблемы, то выдавало бы ошибку - я уже сталкивался. Но тут никаких ошибок. И никакого действия.

попробую импорт через js

[juxifo]

Алексей, в entry стили есть? Кидайте сразу конфиг сюда.