egg.js 與 vue 結(jié)合 ， 使用腳手架 easywebpack-cli糯累。
了解egg目錄結(jié)構(gòu)（koa）
全局安裝easywebpack-cli
npm install easywebpack-cli -g
npm 安裝過程中反復(fù)報錯，最后用了cnpm逾条，雖然安裝成功，但不知道后面會不會出現(xiàn)其他報錯-
項目初始化
easy init
選擇項目配置：
配置1：此處選擇的是第四個:create server side render project boiloerplate for Egg + Vue...提示上給的是Use arrow keys, 我試了一下沒用繁堡，直接輸入4瞎饲，然后按enter口叙。
配置2：create ... egg + vue single page ...輸入1，然后按enter
另外幾個中還有一個是multie page
配置3：projectname / project description / ...
選擇配置 執(zhí)行完第三步嗅战，根據(jù)官網(wǎng)提示妄田，進(jìn)入項目文件夾后直接執(zhí)行
easy start或者node index.js會報錯。
錯誤1
錯誤1 解決辦法：
// ${app_root}/config/config.local.js 補(bǔ)充添加如下代碼：
const EasyWebpack = require('easywebpack-vue');
module.exports = app => {
...
// 本地開發(fā)時驮捍，讀取 Webpack 配置
exports.webpack = {
webpackConfigList: EasyWebpack.getWebpackConfig()
};
...
return exports;
}
- 運(yùn)行項目
node index.js
http://127.0.0.1:7001
常見錯誤：
錯誤2
錯誤2解決辦法： 執(zhí)行
npm install --registry https://registry.npm.taobao.org類似錯誤差不多都可以適用
以上是使用easywebpack-cli進(jìn)行快速搭建疟呐，或者直接clone egg-vue-webpack-boilerplate GitHub egg-vue-webpack-boilerplate
也可以通過egg-init 手動搭建
參考資源：Egg + Vue 服務(wù)端渲染工程化實(shí)現(xiàn)
