Nuxt.js dev 屬性配置

dev 屬性配置

• 類型： Boolean
• 默認(rèn)值： true

配置 Nuxt.js 應(yīng)用是開發(fā)模式還是生產(chǎn)模式。

dev 屬性的值會(huì)被 nuxt 命令 覆蓋：

• 當(dāng)使用 nuxt 命令時(shí)，dev 會(huì)被強(qiáng)制設(shè)置成 true
• 當(dāng)使用 nuxt build， nuxt start 或 nuxt generate 命令時(shí)，dev 會(huì)被強(qiáng)制設(shè)置成 false

所以，在 編碼中使用 nuxt.js 時(shí)才會(huì)用到該配置。

例如 （nuxt.config.js)：

module.exports = {
  dev: (process.env.NODE_ENV !== 'production')
}

在 server.js 中：

const { Nuxt, Builder } = require('nuxt')
const app = require('express')()
const port = process.env.PORT || 3000

// 傳入配置初始化 Nuxt.js 實(shí)例
const config = require('./nuxt.config.js')
const nuxt = new Nuxt(config)
app.use(nuxt.render)

// 在開發(fā)模式下進(jìn)行編譯
if (config.dev) {
  new Builder(nuxt).build()
}

// 監(jiān)聽指定端口
app.listen(port, '0.0.0.0')
console.log('服務(wù)器運(yùn)行于 localhost:' + port)

然后可在 package.json 中添加腳本配置如下：

{
  "scripts": {
    "dev": "node server.js",
    "build": "nuxt build",
    "start": "NODE_ENV=production node server.js"
  }
}

注意: 要運(yùn)行上面的示例，你需要運(yùn)行 npm install --save-dev cross-env 安裝 cross-env。 如果你在非 Windows 環(huán)境下開發(fā)，你可以不用安裝 cross-env，這時(shí)需要把 start 腳本中的 cross-env 去掉并直接設(shè)置NODE_ENV即可。