应用配置

1. build 下的build.config为构建的配置
   • mainport:为应用程序的端口
   • reloadPort:为热启动监听的websocket端口
   • package.json下的npm start 中的调试端口 需要与 调试器端口保持一致
2. config 下的是运行时的配置文件
   • 可能需要检查的是站点的监听端口

注意

本方案是通过babel-loader得plugin可以转到es3 所以不能layout单独引用polyfill.js 那么所有外部库不支持ie8必须引入到babel-loader得脚本得下方 全局外部注入必须在babel-loader得上方

开发

开发只需要修改routes和client两个文件夹

1. routes为服务器端的开发内容

2. client下

   • views为服务器渲染的模板和客户端导入的模板
   • js为客户端入口，作为webpack打包入口 还需要在build下的webpack.common.js填写entry

3. routes 文件

const api = require('../api');
const config = require("../config");
const utils = require("../utils");
var router = utils.Router();

router.get("/", function (req, res, next) {
  res.render(视图);
});

module.exports = router;

框架

• render调用是以views文件夹为根
• layout下的所有视图在构建的时候不会自动引入chunks
• components下为放入所有组建视图 可拿来做server 和 client的共享

运行

npm i 
npm start

调试

将调试器附加端口指定为你config下的debugport就可以

npm start 

#bug editor 29276 29296 判断下ci.style,ie8下会边框3像素问题 preview 只能提前渲染好，不能在客户端append iframe 会失败 webupload ie8 覆盖层会塌陷，点不到那个input