Comment empaqueter le projet Vue dans un fichier statique

Comment empaqueter le projet vue dans un fichier statique

Packaging

1 Modifiez le productionSourceMap dans index.js dans la configuration sur false. l'environnement d'emballage est un environnement de développement, qui peut être débogué ; false indique l'environnement de production, qui est officiellement en ligne)

2. Exécutez npm run build dans cmd (le fichier build.js dans build est exécuté)

.

générer Le package est placé sous dist

Utiliser le nœud pour le débogage

1 Créez le prod.server.js. fichier dans le répertoire racine, ce fichier fonctionne comme un petit serveur http. En développement normal, vous pouvez directement placer les fichiers de dist dans Tomcat pour le débogage

code prod.server.js

 /**  * Created by Administrator on 2017/2/22.  */
 var express = require('express') var config = require('./config/index') 
 var port = process.env.PORT || config.build.port 
 var app= express() 
 var router = express.Router() 
 router.get('/',function (req, res, next) {   
 req.url = '/index.html'   next() }) 
 app.use(router) 
 //异步接口
 var seller=require('./src/data/data.json')
 var apiRoutes = express.Router()
 apiRoutes.get('/seller',function (req,res) {
  res.json({    
      data:seller  })
}) 
app.use('/api', apiRoutes);  //定义express静态目录 
app.use(express.static('./dist'))  
var autoOpenBrowser = !!config.dev.autoOpenBrowser 
var uri = 'http://localhost:' + port var opn = require('opn') //启动express module.exports = app.listen(port, function (err) {   if (err) {     console.log(err)     return   }    // when env is testing, don't need open it   
if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') {     
opn(uri)   
} 
})

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!