關於 webpack 使用 .babelrc

webpart babel es2015 es6

Dylan 2018-02-07 22:03:01 ‧ 6863 瀏覽

分享至

各位前輩們好!

小弟最近玩了一下 webpack，發現是個很方便的工具，但遇到一些問題

我在 .babelrc 裡寫了 "presets": ["es2015"]，如期望的把 ES6 轉成 ES5 了
但在其他裝置卻得不到想要的結果，目前發現只有物件名稱縮寫有被編譯成 ES5，其他像是 let、arrow function 皆無被編譯成 ES5

想問前輩們這可能是某個東西版本過低的關係嗎? 因無權限自行提升版本，想先確定後再申請

懇請不吝指教了，謝謝!

20170218 更
目前發現原因是 .babelrc 沒吃到，公司用的方式是在 loaders 裡 include .babelrc (node_modules 跟 .babelrc 在不同目錄下）
google 後還是沒有找到怎麼 include 不同目錄下的 .babelrc ...

konekoya iT邦新手 5 級 ‧ 2018-02-08 09:02:18 檢舉

先檢查一下有沒使用 babel-loader ？ Babel 設定好之後，在 webpack 裡面要設定使用 babel-loader ，經過 loader 轉換後才會變成 ES5 的語法

Dylan iT邦新手 1 級 ‧ 2018-02-08 11:28:53 檢舉

感謝 k 大回應
我在 webpack.config.js 裡有寫上 loader: 'babel-loader' 的

rising iT邦新手 5 級 ‧ 2018-02-09 16:22:01 檢舉

https://github.com/babel/babel-loader
https://babeljs.io/docs/usage/api/#options
babel-loader 寫說 babel 內的 option 都能設定，而 babel 內有個 extends 參數寫說能擴充指定的 .babelrc 檔案
我沒用過這參數不太清楚效果怎樣，你可以試試

登入發表討論