При сборке .js (.jsx) файлов с помощью Gulp выдает ошибку. Испробовал уже все что можно, не могу найти причину. Проблема я так понимаю в импортах. Как это можно обойти?
Unexpected character '@'
файл index.js выглядит так
import React from "react"
import ReactDOM from "react-dom"
import { Provider } from "react-redux"
import i18n from 'i18n'
import {configureStore} from './redux/store'
import {ReduxRouter} from 'redux-router'
import * as DisplayActions from 'actions/DisplayActions'
require('./assets/css/styles.scss')
// require('./assets/assets/stylesheets/_styles.scss')
var store = configureStore()
ReactDOM.render(
<Provider store={store}>
<ReduxRouter />
</Provider>, document.getElementById('root'))
файл styles.scss выглядит так
@import "themes/bootstrap_overrides.scss";
@import "themes/_bootstrap_variables.scss";
@import "themes/bootstrap";
@import "base/base.scss";
@import "base/source-sans-pro.css";
@import "state/state.scss";
@import "layout/layout";
@import "module/btns";
@import "module/carousel";
файл gulpfile.js выглядит так
var gulp = require("gulp"),
babelify = require('babelify'),
browserify = require("browserify"),
connect = require("gulp-connect"),
source = require("vinyl-source-stream"),
gutil = require("gulp-util"),
sassify = require('sassify');
sourcemaps = require('gulp-sourcemaps'),
sass = require('gulp-sass');
gulp.task("default",["build"]);
gulp.task("build", function(){
return browserify({
entries: ["./app/index.js"],
debug:true,
extensions: [".js"],
paths: ['./app','./app/zp-modules','./app/locale','./app/components','./app/redux']
})
.transform(babelify.configure({
presets : ["es2015", "react", "stage-0"],
plugins: ["transform-decorators-legacy"]
}))
.bundle()
.on('error', err => {
gutil.log("Browserify Error", gutil.colors.red(err.message))
})
.pipe(source("bundle.js"))
.pipe(gulp.dest("./dist"))
;
});
Виртуальный выделенный сервер (VDS) становится отличным выбором
Давно смотрю на эту вот ракету с необычным подъемом вверхНо, смущают некоторые ошибки в консоли, которые появляются при включении режима...
В IE11 и Edge div в сниппете после клика становится зелёным, хотя не должен