vue项目工程中npm run dev 到底做了什么

墨蓝 2021-10-13 01:39 358阅读 0赞

1.  npm install 安装了webpack框架中package.json中所需要的依赖

2.安装完成之后，需要启动整个项目运行，npm run 其实执行了package.json中的script脚本，npm run dev的执行如下  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70]  
3.底层相当执行webpack-dev-server --inline --progress --config build/webpack.dev.conf.js命令

4.build/webpack.dev.conf.js文件中require ./webpack.base.conf文件，并且合并入新的对象配置（可以参考webpack-marge）  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 1]  
5…/webpack.base.conf文件中设置项目入口main.js  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70]: /images/20211013/a6dd2ea8a8c24746829677d189a8c832.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 1]: /images/20211013/8d698887db9240df8ef5a7ebe575dd1f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 2]: /images/20211013/e86599e6e0ef4ad78a8a455a0b5d83fa.png

发表评论取消回复

表情：

评论列表（有 0 条评论，358人围观）

还没有评论，来说两句吧...

相关阅读

相关 npm run dev 和 npm run serve

一般vue项目都是npm install 之后就执行npm run dev ,或者npm run serve就能启动项目但是具体执行什么命令，要看具体项目的 pac

﹏ヽ暗。殇╰゛Y/ 2023年07月20日 10:50/ 0 赞/ 35 阅读

相关启动vue项目 npm run dev 时报errno -4058

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dla

谁借莪１个温暖的怀抱￠/ 2023年05月30日 04:54/ 0 赞/ 40 阅读

相关解决Vue项目 npm run dev 报错

解决Vue项目 npm run dev 报错解决Vue项目 npm run dev 报错在运行项目时报错解决Vue项目 npm run dev

╰+攻爆jí腚メ/ 2023年01月20日 05:55/ 0 赞/ 290 阅读

相关 npm run dev 出现npm ERR！missing scrip：dev

记得自己刚开始学vue的时候，经常会遇到各种问题，现在回想起来，这些都是掌握一门技术的必经之路。最近又遇到一个简单的问题：执行npm run dev的时候出现如下报错： ![

╰+攻爆jí腚メ/ 2023年01月15日 08:02/ 0 赞/ 254 阅读

相关 Vue执行npm run dev 报错：missing script:dev

> 用Vue-cli创建的项目骨架，在执行npm run dev命令运行时，发生了个小插曲：missing script:dev 解决方案检查一下该项目文件夹中的pa

小咪咪/ 2022年12月19日 11:46/ 0 赞/ 234 阅读

相关【Vue】npm run serve 和 npm run dev 有什么区别

【Vue】npm run serve 和 npm run dev 有什么区别 Q：我的粉丝私信我，项目中运行的npm run serve 和 npm run dev 有

朴灿烈づ我的快乐病毒、/ 2022年09月12日 12:57/ 0 赞/ 223 阅读

相关 vue让你理解npm run dev 和 npm run serve

npm run dev 是vue-cli2.0版本使用的 npm run serve 是vue-cli3.0版本使用的 dev build serve?

向右看齐/ 2022年09月04日 08:50/ 0 赞/ 244 阅读

相关 vue中npm run dev运行项目不能自动打开浏览器!

上个项目结束就很久没有使用vue了，最近打算用vue搭建自己的个人站点就准备先创建项目。然后就出现了一系列问题，可能是很久没用吧，太生疏了，之前又不小心把环境变量删除了，结

我就是我/ 2022年06月03日 03:40/ 0 赞/ 218 阅读

相关 laravel npm run dev 错误 npm run dev error [npm ERR! code ELIFECYCLE]

出现此问题是node\_modules出现错误，需要执行： 1 rm -rf node_modules 2 rm package-lock.json

约定不等于承诺〃/ 2021年11月17日 10:16/ 0 赞/ 341 阅读

相关 vue项目工程中npm run dev 到底做了什么

1. npm install 安装了webpack框架中package.json中所需要的依赖 2.安装完成之后，需要启动整个项目运行，npm run 其实执行了packa

墨蓝/ 2021年10月13日 01:39/ 0 赞/ 359 阅读