egg怎么引入vue
egg.js与vue结合使用 , 可以通过脚手架 easywebpack-cli来实现。
1、全局安装easywebpack-clinpm install easywebpack-cli -g
2、项目初始化easy init
选择项目配置:(相关课程推荐:Vue.js教程)
配置1:此处选择的是第四个: create server side render project boiloerplate for Egg + Vue...
配置2:create ... egg + vue single page ... 输入 1,然后按 enter
另外几个中还有一个是multie page
配置3:projectname / project description / ...
3、执行完第2步,根据官网提示,进入项目文件夹后直接执行 easy start 或者 node index.js会报错。
错误1 解决办法:// ${app_root}/config/config.local.js 补充添加如下代码:
const EasyWebpack = require('easywebpack-vue');
module.exports = app => {
...
// 本地开发时,读取 Webpack 配置
exports.webpack = {
webpackConfigList: EasyWebpack.getWebpackConfig()
};
...
return exports;
}
运行项目 node index.js
http://127.0.0.1:7001
常见错误:
解决办法: 执行npm install --registry https://registry.npm.taobao.org,类似错误差不多都可以使用。
本文来自Vue.js答疑栏目,欢迎学习!