Vue 运行打包后的项目

最新推荐文章于 2024-08-30 17:04:02 发布

我是来写bug的吧

最新推荐文章于 2024-08-30 17:04:02 发布

阅读量2.5k

点赞数

分类专栏： VUE 前端文章标签：前端

本文链接：https://blog.csdn.net/qq_55547532/article/details/123789451

版权

本文介绍了如何运行和打包Vue项目。首先，需要安装必要的依赖，接着修改package.json，在scripts中添加相应命令。同时，需要在build目录下创建index.js，并添加指定代码。最后通过npm run preview启动预览。

摘要由CSDN通过智能技术生成

安装依赖

npm i connect
npm i runjs
npm i serve-static

修改package.json

在scripts里加入下面代码

"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,
    ser