使用laravel elixir来转换es6,使用" import"声明

时间:2016-03-07 05:49:05

标签: javascript laravel laravel-elixir

尝试使用laravel-elixir来转换一些使用jspm工作正常的代码,但是使用以下代码片段,最终结果是我在浏览器中收到错误抱怨jQuery没有被加载(Uncaught ReferenceError: $ is not defined) 。我告诉它,因为browserify需要运行babelify转换(或者在babelify转换模式下运行?),不确定这意味着什么,显然是第一次体验这些工具。

app.js

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

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

gulpfile

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'
            ]);
    });
});

生成的文件:

1 个答案:

答案 0 :(得分:2)

如果在PBNumberSet.js中使用$,则应该在该文件中导入$,而不是在app.js中。

我认为这会导致错误。

你仍然应该使用browserify()。