runjs在vue2项目中的使用

最新推荐文章于 2025-03-11 15:30:00 发布

原创最新推荐文章于 2025-03-11 15:30:00 发布 · 1.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js #开发语言

该代码段展示了如何在Node.js环境中使用run.js和chalk库来执行vue-cli-service构建过程。如果设置了预览环境或命令行参数包含--preview，它会启动一个本地服务器进行预览，并可选地生成报告。否则，它只执行构建步骤。

安装run.js插件
安装chalk
在这里插入图片描述

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}`)
}