不灭的焱

革命尚未成功,同志仍须努力

作者:php-note.com  发布于:2021-09-05 01:14  分类:HTML/CSS/JS  编辑

在运行vue文件时,需要进行npm操作,但我们发现,有时候用的是npm run serve,而有的时候用的是npm run dev,二者有什么区别,或者是说npm run XXX是怎么定义的呢?

其实这个很简单,在package.json文件中,有scripts,上面定义了我们在运行vue文件到底是用serve或者dev或者别的

举个例子吧

package.json文件中:

版本1:

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "unit": "jest --config test/unit/jest.conf.js --coverage",
    "e2e": "node test/e2e/runner.js",
    "test": "npm run unit && npm run e2e",
    "lint": "eslint --ext .js,.vue src test/unit test/e2e/specs",
    "build": "node build/build.js"
},

像这种情况,启动vue项目就需要用npm run dev

 

版本2:

"scripts": {
  "serve": "vue-cli-service serve",
  "build": "vue-cli-service build",
  "lint": "vue-cli-service lint"
},

像这种情况,启动vue项目需要用npm run serve

 

以此类推,其他的vue项目启动都是根据package.json中定义的,如果想更换vue项目启动的方式的话,改一下scripts中的配置。

但是最常用的启动vue的项目还是dev和serve

devvue cli2的默认执行命令,servevue cli3的默认执行命令,二者虽只有版本不同,但是在打包时还是有很大的区别,在执行是哪个命令时,记得先看一下package.json文件中的配置呀