在vue项目中配置你自己的启动命令和打包命令方式

下面我为你详细讲解在Vue项目中如何配置自己的启动命令和打包命令。

配置启动命令

在Vue项目中，默认的启动命令为npm run serve。如果我们要配置自己的启动命令，可以按照以下步骤进行：

1. 打开项目根目录下的package.json文件，在scripts节点中添加自己的启动命令，如下所示：

"scripts": {
    "start": "node server.js",
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
},

以上示例中，我们将自己的启动命令命名为start，执行的任务为启动server.js文件。

1. 在我们自己的代码中添加server.js文件，代码如下：

const express = require('express')
const app = express()
const path = require('path')

app.use(express.static(path.join(__dirname, 'dist')))

app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname, 'dist', 'index.html'))
})

const port = process.env.PORT || 3000
app.listen(port, () => {
  console.log(`Server started on port ${port}`)
})

以上代码实现了读取dist目录下的静态文件，并提供/路径的访问入口。

1. 在命令行中执行npm start命令，即可启动我们自己的服务。

配置打包命令

在Vue项目中，默认的打包命令为npm run build。如果我们要配置自己的打包命令，可以按照以下步骤进行：

1. 打开项目根目录下的package.json文件，在scripts节点中添加自己的打包命令，如下所示：

"scripts": {
    "start": "node server.js",
    "serve": "vue-cli-service serve",
    "build": "webpack --progress --colors"
},

以上示例中，我们将自己的打包命令命名为build，执行的任务为webpack --progress --colors。

1. 在命令行中执行npm run build命令，即可开始打包。

以上就是在Vue项目中配置自己的启动命令和打包命令的完整攻略。