window环境进行服务器渲染

本文介绍如何使用cross-env实现跨平台环境变量设置,解决不同操作系统间环境变量设置不一致的问题,并通过实例展示了如何配置package.json文件及scripts部分来支持服务端的ES6、ES7语法。
  1. npm install babel-cli --save
  2. 配置package,json
  3. Script
  4. cross-env能跨平台地设置及使用环境变量 大多数情况下,在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡住,windows平台与POSIX在使用命令行时有许多区别(例如在POSIX,使用$ENV_VAR,在windows,使用%ENV_VAR%。。。) cross-env让这一切变得简单,不同平台使用唯一指令,无需担心跨平台问题 运行:cnpm i --save-dev cross-env 。现在服务端已经支持es6、es7语法了。 但是现在还不支持jsx语法,既然客户端可以用babel支持,服务端当然也可以了,我们新建.babelrc 里面写入、

"scripts": {
    "start": "node scripts/start.js",
    "build": "node scripts/build.js",
    "test": "node scripts/test.js --env=jsdom",
    "server": "NODE_ENV=test nodemon --exec babel-node   server/server.js", // linux 
    "server1": "cross-env NODE_ENV=test nodemon --exec babel-node server/server.js", //跨平台
    "server_bak": "nodemon server/server.js"
  },
复制代码

服务器端渲染

转载于:https://juejin.im/post/5ad596bb6fb9a028d82c43d9

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值