使用laravel elixir轉儲使用「導入」語句的es6

嘗試使用laravel-elixir轉儲一些代碼，該代碼與jspm一起工作正常，但使用以下代碼片段，最終結果是我在瀏覽器中發生錯誤，抱怨關於未加載jQuery（Uncaught ReferenceError: $ is not defined）。我被告知，因爲browserify需要運行babelify轉換（或運行在babelify轉換模式？），並不確定這意味着什麼，這是明顯的第一次使用這些工具的經驗。使用laravel elixir轉儲使用「導入」語句的es6

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

生成的文件：

來源

2016-03-07 Cryptic

嘗試將您的browserify更改爲babel – ssuhat

@Suhat Yep完成了這個，我得到了一個不同的錯誤，然後 – Cryptic

如果下面的答案可以幫助您，請點擊它左側的灰色按鈕（下方的點） –

如果您在使用PBNumberSet.js $，你應該在該文件中的應用程序導入$，不.js文件。

我想它會導致錯誤。

你應該仍然使用browserify（）。

來源

2016-05-18 10:05:35

使用laravel elixir轉儲使用「導入」語句的es6

回答

相關問題