## gulpfile.js
var elixir = require('laravel-elixir');require('laravel-elixir-webpack');
elixir(function (mix) { mix .sass('app.scss') .webpack([ '../vendor/jquery/dist/jquery.js', '../vendor/bootstrap-sass/assets/javascripts/bootstrap.js', 'app.js' ]) .copy("resources/assets/vendor/font-awesome/fonts", "public/build/fonts");});
gulpfile.js에 webpack을 이용해서 안에있는 js들을 빌드했는데
view에서 <script src=" {{ elixir('js/app.js') }}"></script>를 사용하면
브라우저에서 Uncaught ReferenceError: require is not defined 에러가 납니다.
왜 이런걸까요? ㅠㅠ
라라벨 5.4에서는 API가 mix.js()로 바뀌었습니다. JS의 require시스템을 쓰려면 .js() API를 사용해야 합니다.
## gulpfile.js
var elixir = require('laravel-elixir');
require('laravel-elixir-webpack');
elixir(function (mix) {
mix
.sass('app.scss')
.webpack([
'../vendor/jquery/dist/jquery.js',
'../vendor/bootstrap-sass/assets/javascripts/bootstrap.js',
'app.js'
])
.copy("resources/assets/vendor/font-awesome/fonts", "public/build/fonts");
});
gulpfile.js에 webpack을 이용해서 안에있는 js들을 빌드했는데
view에서 <script src=" {{ elixir('js/app.js') }}"></script>를 사용하면
브라우저에서 Uncaught ReferenceError: require is not defined 에러가 납니다.
왜 이런걸까요? ㅠㅠ