使用 laravel elixir 转译使用“import”语句的 es6答案

【问题标题】：Use laravel elixir to transpile es6 that uses "import" statements使用 laravel elixir 转译使用“import”语句的 es6
【发布时间】：2016-03-07 05:49:04
【问题描述】：

尝试使用 laravel-elixir 转译一些在 jspm 上运行良好的代码，但使用以下 sn-ps，最终结果是我在浏览器中收到错误消息，抱怨 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');

gulp 文件

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

生成的文件：

【问题讨论】：

尝试把你的 browserify 改成 babel
@SSuhat 是的，然后我得到一个不同的错误
如果下面的答案对你有帮助，请点击它左侧的灰色按钮（以下点）

标签： javascript laravel laravel-elixir

【解决方案1】：

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

我想它会导致错误。

你仍然应该使用 browserify()。

【讨论】：