Nuxt - 环境分离

Nuxt默认的环境分离

Nuxt目前（2019/5/29）默认支持开发环境和生产环境，即通过运行nuxt启动开发环境服务，通过依次运行nuxt build，nuxt start启动生产服务，两者启动的时候均会有一个漂亮的日志输出，如下：
开发环境

需要注意的是，这里的Running in development mode, development是死的，不会根据NODE_ENV自动切换。
生产环境

需要注意的是，这里的Running in development mode, development是死的，不会根据NODE_ENV自动切换。

调整端口
如果需要调整端口，则可以通过PORT指定，如下

"script": {
    "dev": cross-env PORT=3001 nuxt // 设置开发环境端口
    "start": cross-env PORT=4000 nuxt start // 设置生产环境端口
}

新增环境

通常我们还需要一个测试环境，此时我们需要先了解nuxt build做了哪些事情。当通过nuxt build后，会生成.nuxt目录，该目录用于存放ssr渲染的客户端和服务端的文件，这些文件有些需要根据process.env.NODE_ENV来做逻辑处理，如生产环境需要添加百度统计的hmt.js脚本。默认情况下build时使用NODE_ENV为production，并以production值进行构建处理，因此我们需要为build指定环境变量，如下：

"script": {
    "build-test": cross-env NODE_ENV=test nuxt build
}

构建之后，同样可以通过nuxt start启动，有一点不足的时，只要通过nuxt start启动服务，那么启动日志中就会带有production字样。

（完）