• 編譯打包
  $ npm run build

會對應(yīng)生成dist目錄(如何生成的對應(yīng)文件，是webpack中做了相關(guān)配置)
如果是在生產(chǎn)環(huán)境下，即需要將config/index.js中的對應(yīng)的build，將productionSourceMap: true設(shè)置為false【對應(yīng)的map文件即不會生成】

• node調(diào)試

  - 編寫prod.server.js

// prod.server.js
var express = require('express')
var PORT = 9393;
var IP = '0.0.0.0';
var app = express()
// 文件讀取
var appData = require('./data.json');
var seller = appData.seller;    // 商家
var goods = appData.goods;  // 商品
var ratings = appData.ratings;  // 評論
// 路由器
var routes = express.Router();
// 路由: 根目錄下時
routes.get('/', (req, res, next) => {
    // 指向位置
    req.url = '/index.html';
    // 執(zhí)行以下
    next();
});
// 網(wǎng)站首頁接受 GET 請求
routes.get('/seller', (req, res) => {
    // 相應(yīng)客戶端
    res.json({
        data: seller,
        errno: 0        // 表示沒有錯誤       
    });
});
routes.get('/goods', (req, res) => {
    // 相應(yīng)客戶端
    res.json({
        data: goods,
        errno: 0        // 表示沒有錯誤       
    });
});
routes.get('/ratings', (req, res) => {
    // 相應(yīng)客戶端
    res.json({
        data: ratings,
        errno: 0        // 表示沒有錯誤       
    });
});
// 中間件
app.use('/api', routes);
// 指定static目錄
app.use(express.static('./'));
var server = app.listen(PORT, IP, (err) => {
    if(err) {
        console.log(err)
    } else {
        console.log(`服務(wù)開啟成功【端口號:${PORT}】`)
    }
});

目錄結(jié)構(gòu)

發(fā)布時，只需要將dist上傳到服務(wù)器，并把對應(yīng)的prod.server.js腳本上傳到服務(wù)器，之后通過node啟動服務(wù)器即可;