今天繼續(xù)學(xué)習(xí)Webpack技術(shù)竿报。
文章是這篇 入門Webpack铅乡，看這篇就夠了
接下來是Babel。它是一個編譯JavaScript的平臺烈菌，它可以將下一代的JavaScript標(biāo)準(zhǔn)（ES6阵幸，ES7）轉(zhuǎn)譯成ES5的代碼。而且可以轉(zhuǎn)移比如React的JSX這類的js拓展語言僧界。
接下去demo中使用的是react侨嘀，我用的編輯器是sublime，在默認(rèn)的語言中是沒有jsx的捂襟，沒有語法識別高亮看著很難受咬腕。于是我專門搜了一下怎么裝插件。
打開插件管理器的快捷鍵是ctrl+shift+p葬荷。
- 首先使用Ctrl+`快捷鍵或者通過View->Show Console菜單打開命令行涨共，mac就乖乖的使用后者吧。
- 輸入
import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)然后回車就會自動安裝宠漩。此時就可以在Preferences菜單下看到Package Settings和Package Control兩個菜單了举反。 - 然后使用ctrl+shift+p（MacCmd+shift+p）打開面板。
輸入Install Package扒吁，按回車開始裝install package火鼻。
輸入babel，并安裝 -
裝完之后就可以在右下角切換到image.png
就大功告成啦
image.png
在這個demo中雕崩，作者又一次魁索，將名字沒對應(yīng)起來，下面這個配置應(yīng)是這樣
loader: 'babel-loader',
今天看到這里盼铁，應(yīng)該這周能把這篇文章看完粗蔚，大致也算是入門了吧。最近有點忙饶火，我下周盡量多看些鹏控。
