npm run build小技巧

在config/index.js中设置build.index与build.assetsRoot,这样之后在每次npm run build后会将编译后文件放在指定的路径下。

场景:
1、如果你本地有nginx服务,可将对应两个路径设置到nginx的html路径下,实现每次编译后即可生效的效果。
举例:

index:path.resolve(__dirname, 'D:/Program Files/nginx-1.12.1/html/index.html'),
assertRoot:path.resolve(__dirname, 'D:/Program Files/nginx-1.12.1/html')

2、如果你的前端项目运行在后端服务【前后端部署在同一服务】上,同样可将上述两个路径设置在你本地的后端项目路径下,这样前端代码编译后可直接在后端项目中将代码移交到代码库,然后启动后端服务可直接使用,或在远程服务器执行脚本重新获取代码库的最新前端代码,即前端自动部署生效。

相关推荐

  1. OpenCV - 技巧

    2024-03-14 04:58:01       37 阅读
  2. 算法简单技巧

    2024-03-14 04:58:01       22 阅读
  3. django技巧

    2024-03-14 04:58:01       24 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-14 04:58:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-14 04:58:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-14 04:58:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-14 04:58:01       20 阅读

热门阅读

  1. 【力扣二刷思路】DAY1

    2024-03-14 04:58:01       19 阅读
  2. Uni-App通过canvas点点绘制直线,可跟随手机滑动

    2024-03-14 04:58:01       24 阅读
  3. GPT & R 生态环境领域数据统计分析

    2024-03-14 04:58:01       21 阅读
  4. uniapp实现点击图片预览放大,长按下载图片

    2024-03-14 04:58:01       19 阅读
  5. uni-app使用canvas适配手机宽高进行渲染

    2024-03-14 04:58:01       21 阅读
  6. uni-app路由

    2024-03-14 04:58:01       18 阅读
  7. 第一章 Python的基础语法

    2024-03-14 04:58:01       17 阅读
  8. 前端面试练习24.3.13

    2024-03-14 04:58:01       18 阅读
  9. Nginx如何做负载均衡

    2024-03-14 04:58:01       26 阅读
  10. npm报证书过期 certificate has expired问题(已解决)

    2024-03-14 04:58:01       20 阅读
  11. C# 单例模式

    2024-03-14 04:58:01       19 阅读
  12. 阿里云分布式深度学习训练架构Whale

    2024-03-14 04:58:01       20 阅读