[請益] Webpack 打包問題

作者: zzzzzz6666 (Yam Man)   2018-09-12 16:38:49
各位大神好,
最近剛入坑前端設計的部分,
沒想到在安裝環境就GG了,
以下是我碰到的問題:
我要透過babel進行React的編譯,但是很快就爆了,請參考下面連結:
Error (if include @babel/)
https://paste.ubuntu.com/p/7m7bdq7dG5/
如果在preset:[“react”.....沒有加入@babel/
則會出現下列問題:
Error(if exclude @babel/)
https://paste.ubuntu.com/p/wYG87sMzcw/
根據爬文的結果都會加入@babel/,
另外我是加入了es2017後才爆,不管是有沒有@babel
我的設定如下:
webpack.config.js
https://paste.ubuntu.com/p/SJsMtz7mQc/
package.json
https://paste.ubuntu.com/p/hT96JbbM4B/
請大神們救救我這廢柴,我已經弄一天了QQ
作者: Souseasou3 (Almighty)   2018-09-12 16:49:00
https://goo.gl/kPFYzo 今天剛好也在弄XD
作者: zzzzzz6666 (Yam Man)   2018-09-12 16:56:00
好痛苦
作者: OhGNM (OhGNM)   2018-09-12 17:16:00
建議貼去FB 前端社團,比較容易幫你解答
作者: plcder (蓋頭)   2018-09-12 17:42:00
webpack官網是最好的解照他上面的做就不會有問題
作者: eggli (eggli)   2018-09-12 18:09:00
直接從create-react-app起手吧https://github.com/facebook/create-react-app
作者: dododavid006 (朔雪)   2018-09-12 19:51:00
年份別的 preset 在 babel 7 被移掉了 請用 env要加 @babel/ 是因為 babel7 開始用 scope package加上官方決定不要支援縮寫你裝了兩套的 babel 你應該只留一套 建議你把 6 的移掉然後我不建議你用 babel-polyfill 你有需要支援舊的browser 嗎
作者: alongalone (沿著孤單的路)   2018-09-12 20:16:00
要學寫react,直接先從create-react-app開始吧
作者: stupid0319 (徵女友)   2018-09-12 23:20:00
那麼多把webpack做掉的開發包,還要自己造車輪嗎
作者: anotherday   2018-09-13 09:45:00
"presets": ["@babel/preset-env","@babel/preset-react"]
作者: yungLean (太空Marsh)   2018-09-13 11:27:00
請問fb前端社團的關鍵字,感恩 (也求個後端)
作者: InfinityGate (小鳥)   2018-09-13 12:37:00
社團直接查front-end back-end就找的到了吧
作者: peanut97 (丁丁)   2018-09-13 13:03:00
create react app +1
作者: dododavid006 (朔雪)   2018-09-13 13:10:00
前端去 Javascript.tw 也不錯
作者: dreamnook (亞龍)   2018-09-13 13:54:00
現在不都是被強迫支援ie嗎(′・ω・`)
作者: gocreating (小平)   2018-09-15 14:42:00
大推 CRA,想客製化也可以eject
作者: PolarGG (PolarGG)   2018-09-17 10:14:00
bable 7 把一堆preset都拿掉了https://babeljs.io/docs/en/next/v7-migration

Links booklink

Contact Us: admin [ a t ] ucptt.com