runjs在vue2项目中的使用

最新推荐文章于 2024-09-15 08:13:54 发布

BUG创建者

最新推荐文章于 2024-09-15 08:13:54 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript vue.js 开发语言

本文链接：https://blog.youkuaiyun.com/wzwzwz555/article/details/131290004

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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