Maison > interface Web > js tutoriel > Comment empaqueter le projet Vue dans un fichier statique

Comment empaqueter le projet Vue dans un fichier statique

一个新手
Libérer: 2017-09-07 13:16:37
original
3117 Les gens l'ont consulté

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)   
} 
})
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal