React, Gulp. Не загружаются стили

275
31 октября 2017, 01:04

Пишу приложение с использованием React, Node, Gulp. Возникла проблема с подключением стилей в компонент. В Webpack знаю что существует специальные плагины. Что есть для Gulp?

Вот что подключаю в файле компонента:

import React from 'react';
import Select from 'react-select';
import 'react-select/dist/react-select.css';

Стили подключаются но как простой файл а не стили.

При запуске этого task-а в gulp-e:

 gulp.task('react', () => {
    var appBundler = browserify({
        entries: './src/main.jsx',
        debug: true
    });
    appBundler.transform('babelify', {compact: true, presets: ['es2015', 'react', 'stage-0']})
        .bundle().on('error',gutil.log)
        .pipe(source('bundle.js'))
        .pipe(gulp.dest('public/js'));
});

в конесоле выводит вот эту ошибку:

...\node_modules\react-select\dist\react-select.css:8
.Select {
^
ParseError: Unexpected token

Есть какоето решение чтобы с помощю gulp подключать стили в компонент? Спасибо!

READ ALSO
Node.js socket.io не может подключиться к серверу

Node.js socket.io не может подключиться к серверу

Здравствуйте, делаю nodejs сервер для уведомлений и сообщений

326
Почему при прокрутке вправо/влево между страницами пустое пространство?

Почему при прокрутке вправо/влево между страницами пустое пространство?

Нужен способ сделать так, чтобы все страницы перемещались влево, вправо, вниз и вверхПеремещение вниз и вверх работает нормально, а вправо...

371
Изменилось ли значение input?

Изменилось ли значение input?

Есть <input placeholder="Вопрос" onblur="myFunc(this)" onkeydown="myFunc2(this, event)" type="text">

285
Чтение данных бд в Cloud Functions в Firebase

Чтение данных бд в Cloud Functions в Firebase

Нужно сделать простую firebase функцию, которая формирует GET запрос и возвращает его результатНесколько параметров для запроса хранятся в бд firebase

190