Vue如何运行打包后的项目

最新推荐文章于 2024-08-23 16:57:19 发布

毛三仙

最新推荐文章于 2024-08-23 16:57:19 发布

阅读量1.2k

点赞数

分类专栏：后台管理系统文章标签： vue.js Powered by 金山文档

本文链接：https://blog.csdn.net/m0_74149462/article/details/129056145

版权

后台管理系统专栏收录该内容

56 篇文章 2 订阅

订阅专栏

npm i connect
npm i runjs
npm i serve-static

package.json中添加

    "preview": "node build/index.js --preview",

项目根目录新建build/index.js

const { run } = require('runjs')
const chalk = require('chalk')
const config = require('../vue.config.js')
const rawArgv = process.argv.slice(2)
const args = rawArgv.join(' ')

if (process.env.npm_config_preview || rawArgv.includes('--preview')) {
  const report = rawArgv.includes('--report')

  run(`vue-cli-service build ${args}`)

  const port = 9526
  const publicPath = config.publicPath

  var connect = require('connect')
  var serveStatic = require('serve-static')
  const app = connect()

  app.use(
    publicPath,
    serveStatic('./dist', {
      index: ['index.html', '/']
    })
  )

  app.listen(port, function () {
    console.log(chalk.green(`> Preview at  http://localhost:${port}${publicPath}`))
    if (report) {
      console.log(chalk.green(`> Report at  http://localhost:${port}${publicPath}report.html`))
    }

  })
} else {
  run(`vue-cli-service build ${args}`)
}