Millerish
@Millerish

Как добавить sass в webpack + react?

Добрый день!

Как правильно добавить sass в кофиг webpack + react?

var path = require('path');

var BUILD_DIR = path.resolve(__dirname, './');
var APP_DIR = path.resolve(__dirname, 'src/');

var config = {
    entry: APP_DIR + '/index.jsx',
    output: {
        path: BUILD_DIR,
        filename: 'bundle.js'
    },
    devServer: {
        contentBase: BUILD_DIR
    },
    module: {
        loaders: [
            {
                test: /\.jsx?/,
                include: APP_DIR,
                loader: 'babel-loader'
            }
        ]
    }
};

module.exports = config;


Желательно чтобы можно было подключать так: import './style.sass'

git

Ошибка:

ERROR in ./src/index.jsx
Module parse failed: C:\Users\steko\Desktop\TEST\m-react\src\index.jsx Unexpected token (9:8)
You may need an appropriate loader to handle this file type.
| render () {
| return (
|
| Hello React Project!!!
|
  • Вопрос задан
  • 6946 просмотров
Решения вопроса 2
Используйте sass-loader. В репозитории есть инструкция по установке. Если хотите использовать CSS-модули, читайте инструкцию к css-loader
Ответ написан
gadfi
@gadfi
https://gamega.org
а чем create-react-app не удружил ? там это из коробки есть, только включить нужно
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы