babel-loader の使い方 [Webpack]

babel-loader

参考：

babel/babel-loader: Webpack plugin for Babel – GitHub

使い方

参考：

ES2015 (ES6) + webpack + babel-loader で開発環境を構築 – Qiita

webpack + babel 環境でフロントエンドも ES6 開発 – Qiita

フロントエンドでも ES6 構文使ってみる webpack + babel-loader (旧 6to5-loader) | yutapon のブログ

Babel と webpack 入門 – Qiita

Using ES6 and ES7 in the Browser, with Babel 6 and Webpack | James K Nelson

How to set up React, webpack, and Babel 7 from scratch (2019) | Valentino Gagliardi

パフォーマンス

参考：

webpack のビルド性能を95%改善した方法 (Box の事例) | 蒼の王座・裏口

How we improved webpack build performance by 95% | Box Blog

cacheDirectory

参考：

How to specify cacheDirectory option when using babel-loader with webpack? – Stack Overflow

presets

参考：

How to set resolve for babel-loader presets – Stack Overflow

babelrc

参考：

babel-loader’s hidden feature – babelrc:false | Madole’s Blog

.babelrc not working · Issue #552 · babel/babel-loader – GitHub

.babelrc location not configurable · Issue #107 · babel/babel-loader – GitHub

Webpack babel-loader isn’t reading .babelrc (supporting old browsers) – Stack Overflow

devtool / source-map

参考：

Breaks absolute file paths for source map filename templates · Issue #480 · babel/babel-loader – GitHub

absoluteResourcePath is still relative for many files · Issue #770 · babel/babel-loader – GitHub

Relative paths in source maps · Issue #93 · babel/babel-loader – GitHub

How do I generate sourcemaps when using babel and webpack? – Stack Overflow

babelrc

参考：

babelrc – Options | Babel [Official]

babel-loader/index.js at v8.0.4 · babel/babel-loader – GitHub

webpack.config.babel.js を使う

参考：

Babel7 で webpack.config.babel.js を使う – Qiita

Babel 7 not being executed on webpack.config.babel.js · Issue #5960 · webpack/webpack – GitHub

@babel/register | Babel [Official]

@babel/register – npm

babel/packages/babel-register at master · babel/babel – GitHub

Webpacker v4.0.0.pre

参考：

webpacker/babel.js at v4.0.0.pre.3 · rails/webpacker – GitHub

Vue コンポーネントで Babel を使う

参考：

ES2015 | vue-loader [公式]

Babel – Using Pre-Processors | Vue Loader [Official]

Excluding node_modules – Using Pre-Processors | Vue Loader [Official]

Unexpected token エラー

参考：

webpack で jsx 記法 (HTML っぽいの) が syntax error になる問題 | DRY な備忘録

react を webpack でビルドした際に SyntaxError: Unexpected token – teratail

unexpected token (rest spread operator) · Issue #170 · babel/babel-loader – GitHub

…mapState SyntaxError in Vue.js, with vuex – Stack Overflow

babel-loader jsx SyntaxError: Unexpected token – Stack Overflow – GitHub

SyntaxError: Unexpected token import with babel-preset-env · Issue #4604 · facebook/jest – GitHub

SyntaxError: Unexpected token ‘}’. Expected a statement as the body of a for loop. · Issue #3763 · facebook/react-native – GitHub

Empty for/while blocks without braces result in broken code when using --compact=true · Issue #2621 · babel/babel – GitHub