编译前端项目

1,找到 package.json 文件
2,右键,点击显示 npm 脚本
3,点击build
成功编译。

npm run dev
​用途:启动本地开发服务器,用于开发调试。
​典型场景:在开发阶段实时编译代码、热更新(HMR)和错误提示。
​底层工具:可能关联 vite、webpack-dev-server 或 next dev 等工具。
npm run build
​用途:构建生产环境代码,优化资源(如压缩、Tree-shaking)。
​输出结果:生成 dist/ 或 build/ 目录,包含静态化文件。
​典型场景:部署前生成最终代码,提升性能和兼容性。
​**npm run preview****
​用途:本地预览生产环境构建结果,验证构建是否正常。
​底层工具:常见于 vite preview 或 serve 等工具。
​典型场景:在部署前检查构建后的页面功能是否正常。

生成的静态资源

posted @ 2025-03-26 17:53  雨花阁  阅读(87)  评论(0)    收藏  举报