代码拉取完成,页面将自动刷新
基于 Egg + Vue + Webpack4 单页面服务端渲染同构工程骨架项目.
easywebpack-vue
版本为 ^4.x.x支持 server 和 client 端代码修改, webpack 时时编译和热更新, npm start
一键启动应用
基于 vue + vuex + vue-router + axios 单页面服务器客户端同构实现
支持开发环境, 测试环境,正式环境 webpack 编译
npm install easywebpack-cli -g
^3.5.0 开始, easywebpack-cli
已内置 devDependencies
中, 无需安装。如果你需要在命令行使用 easy
命令, 可以单独全局安装。
npm install
npm run dev
应用访问: http://127.0.0.1:7001
npm run build
npm start
在app/web/page 目录下面创建app目录, app.vue, app.js 文件.
<template>
<AppLayout>
<transition name="fade" mode="out-in">
<router-view></router-view>
</transition>
</AppLayout>
</template>
<style lang="sass">
</style>
<script type="text/babel">
export default {
computed: {
},
mounted(){
}
}
</script>
import { sync } from 'vuex-router-sync';
import store from 'store/app';
import router from 'component/app/router';
import app from App.vue;
import App from 'app';
import Layout from 'component/layout/app';
App.component(Layout.name, Layout);
sync(store, router);
export default App.init({
base: '/app',
...app,
router,
store
});
exports.index = function* (ctx) {
yield ctx.render('app/app.js', { url: this.url.replace(/\/app/, '') });
};
app.get('/app(/.+)?', app.controller.app.app.index);
http://hubcarl.github.io/easywebpack/vue/build/
npm start
启动流程此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。