Используйте эликсир laravel для переноса es6, который использует операторы импорта

Попытка использовать laravel-elixir для переноса некоторого кода, который отлично работал с jspm, но со следующими фрагментами, конечным результатом является то, что я получаю сообщение об ошибке в браузере, жалующееся на то, что jQuery не загружается (Uncaught ReferenceError: $ is not defined). Мне сказали, что это потому, что браузеру нужно запустить преобразование babelify (или запустить в режиме преобразования babelify?), Точно не знаю, что это значит, очевидный первый опыт работы с этими инструментами.

app.js

import $ from 'jquery';
import PBNumberSet from './class/PBNumberSet';

var primary = new PBNumberSet('#primary_pbset');

глоток

gulp.task('default', () => {
    var elixir = require('laravel-elixir');

    elixir(function(mix) {
        mix.sass('app.scss')
            .browserify([
                'app.js'
            ], 'public/js/app.js')
            .version([
                'css/app.css',
                'js/app.js'
            ]);
    });
});

Сгенерированный файл:


person Cryptic    schedule 07.03.2016    source источник
comment
попробуйте сменить браузер на babel   -  person ssuhat    schedule 07.03.2016
comment
@SSuhat Да, я сделал это, тогда я получаю другую ошибку   -  person Cryptic    schedule 08.03.2016
comment
если приведенный ниже ответ поможет вам, нажмите на серую кнопку слева от него (ниже точек)   -  person Kamil Kiełczewski    schedule 17.07.2016


Ответы (1)


Если вы используете $ в PBNumberSet.js, вы должны импортировать $ в этот файл, а не в app.js.

Я полагаю, это вызывает ошибку.

Вы все равно должны использовать browserify().

person Łukasz Kuczmaja    schedule 18.05.2016