在运行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
dev是vue cli2的默认执行命令,serve是vue cli3的默认执行命令,二者虽只有版本不同,但是在打包时还是有很大的区别,在执行是哪个命令时,记得先看一下package.json文件中的配置呀