Help us understand the problem. What is going on with this article?

Laravel-Mix4でもIEとか古いブラウザになるべく楽に対応したい

More than 1 year has passed since last update.

背景

  • Laravel-Mix4でBabelの設定に躓いた
  • 設定ファイルもなるべく書かずに楽をしたい

結論

webpack.mix.jsでbabelメソッドを使う

コード

// webpack.mix.js
let mix = require('laravel-mix');

mix
  .js('resources/js/*.js', 'assets/js/app.js')
  .babel('assets/js/app.js', 'assets/js/app.js');

ただしコンパイルが重いのでmix.inProduction()を使用して本番環境のコンパイルのみBabelを噛ませるようにすれば、開発もスムーズになりそう。

参考

Laravel公式ドキュメント
Convert ES6 to ES2015 using babel and laravel-mix

ProjectEuropa
PHPとかJavaScriptとか
yyphp
PHPerが毎週集まり、ざっくばらんに情報交換する雑談コミュニティ
https://yyphp.connpass.com/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away