美文网首页
Nuxt.js设置编译环境

Nuxt.js设置编译环境

作者: 张Boy | 来源:发表于2020-11-03 17:59 被阅读0次

nuxt 是基于VUE的一款SSR(服务端渲染)框架

const { Nuxt, Builder, NuxtCommand } = require('nuxt'); // 引入nuxt对象函数
const config = require('./nuxt/nuxt.config.js'); // 引入nuxt配置文件,路径自定

const json_params = JSON.parse(process.argv[2]) 
const params = json_params.title 
const isDev = params === 'web-dev' ? true : false // 获取执行命令中项目的名字
config.env.NODE_ENV = isDev ? 'development' : 'production'  // 设置运行环境,关键
const nuxt = new Nuxt(config) // 生成nuxt对象
await new Builder(nuxt).build() // 编译

nuxt.listen(7001, '0.0.0.0') // 监听7001端口

nuxt.render(ctx.req, ctx.res); // 渲染
快速开发请看 egg-nuxt-SSR 项目
  // 我package.json script
  "prod": "egg-scripts start --daemon  --title=web-prod",
  "dev": " egg-scripts start --daemon --title=web-dev",
  // 开发中可删除 --daemon ,启动后可查看consoler日志 

相关文章

网友评论

      本文标题:Nuxt.js设置编译环境

      本文链接:https://www.haomeiwen.com/subject/imrivktx.html