nuxt 核心原理3

发布时必须把nuxt.config.js的dev字段设为false，执行nuxt build，再node index.js；

安装依赖node-sass和sass-loader可以直接使用sass语法

目录结构，参考官网，有些目录是nuxt特定的

//index.js 服务启动文件
var express = require("express");
let app = express();

let { Nuxt, Builder } = require('nuxt');

let config = require('./nuxt.config.js');//nuxt的配置文件
let nuxt = new Nuxt(config);

app.get("/a",function(req,res){  //自己的路由
    res.send({a:1});
});


if (config.dev) {// 是否启用开发模式
    let builder = new Builder(nuxt);
    builder.build();
}

app.use(nuxt.render);//自己定义的路由写它上边

app.listen(3000);

//  nuxt.config.js
module.exports = {
    dev:true,  //这个很重要，true为开发模式(nuxt自己实现热加载)，false为生产模式
    
    //以下配置项请看文档
    build: {
      vendor: ['axios']
    },
    css: [ ],
    head: {
      meta: [],
      link: []
    }
  };

nuxt会将pages下的vue文件自动划分路由

https://zh.nuxtjs.org/guide/routing

作者：网络中迷茫
链接：https://www.jianshu.com/p/05e3eedca63a
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。