在运行vue文件时,需要进行npm操作,但我们发现,有时候用的是npm run serve
,而有的时候用的是npm run dev
,二者有什么区别,或者是说npm run XXX是怎么定义的呢?
其实这个很简单,在package.json文件中,有scripts,上面定义了我们在运行vue文件到底是用serve或者dev或者别的
举个例子吧
package.json文件中:
版本1:
1 2 3 4 5 6 7 8 9 | "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:
1 2 3 4 5 | "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文件中的配置呀