嘮叨在前面
可能跟絕大多數(shù)認(rèn)識(shí)webpack的機(jī)緣不同，大多數(shù)使用webpack是使用過react或者browse什么鬼的那個(gè);
前一陣子糾結(jié)在avalon和vue之間做選型，怎奈avalon路由上有一些地方?jīng)]有使用明白，雖然也做出來了，但感覺十分不妥，據(jù)說近期要升級(jí)路由，觀望中,趁著松口氣嘗試下vuejs作者的大頭像學(xué)霸味道十足，好像剛探月回來;
本機(jī)環(huán)境&準(zhǔn)備工作
- 操作系統(tǒng) MAC OSX EI Capitan
- 軟件環(huán)境:
- node(國(guó)內(nèi)可以把源切換為淘寶CNPM)
- gcc編譯器(預(yù)裝了xcode)
- 自帶python
如果是window平臺(tái)下，要安裝vc運(yùn)行庫,.net4.0等，具體要看到安裝插件時(shí)是哪個(gè)插件報(bào)錯(cuò)，去它的github上看依賴什么環(huán)境，安裝即可;咳咳，很有可能要安裝一個(gè)完整的visual studio……辛苦win下的同胞
下載webpack-howto示例程序
運(yùn)行
- 終端切換到項(xiàng)目目錄/webpack-howto/example
- npm install --save-dev webpack webpack-dev-server react-hot-loader -g 說明:全局安裝webpack webpack-dev-server 以后總用 得用命令行
- npm install 安裝項(xiàng)目依賴的插件
- webpack webpack.config.js 打包,成功如下圖
-
webpack-dev-server --hot --quiet 啟動(dòng)服務(wù)
啟動(dòng)成功
-
訪問試試看
如果一切順利的話，確實(shí)是OK的，然而理想總是同教程離得太遠(yuǎn)
你會(huì)遇到的問題
- 安裝webpack-dev-server報(bào)錯(cuò)
出現(xiàn)類似error: redefinition of '_NanEnsureLocal'的錯(cuò)誤,八成是socket.io這個(gè)插件的問題詳細(xì)看issue
解決方法:手動(dòng)更新webpack-dev-server的依賴描述文件,將socket.io/client的版本號(hào)更新到1.3.7 或者down我改后的
- 出現(xiàn)C:\Microsoft.Cpp.Default.props 解決方法就是安裝所要求的編譯環(huán)境
