![](https://img-blog.csdnimg.cn/20190927151132530.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
【前端】打包及基础配置
主要关于npm包管理、webpack打包、服务端配置等相关的内容
溜溜的阿溜
一个进击的前端小菜鸟
展开
-
Nginx安装及简单配置
nginx代理本地静态文件nginx官网nginx中文文档简单来说,nginx是一个代理服务器,他可以帮助我们实现http代理、反向代理(客户端向服务端发起请求是正向代理,服务端处理请求返回给客户端就是反向代理)、负载均衡等,prd项目用它来代理到服务端的本地文件。1、nginx 安装及启动(mac为例)nginx原理和机制可见:nginx机制介绍(有点晦涩,界面不好看)、nginx入门介绍-简书系列文章(言简意赅)nginx下载安装,分为mac和windows。mac可见:mac下安装原创 2020-09-14 15:14:21 · 96 阅读 · 0 评论 -
gitlab-ci自动化部署npm build报错:React Hook useEffect has a missing dependency
针对react项目通过gitlab-ci自动打包部署出现的错误及解决办法,特此记录1、问题描述项目部署在服务器上,通过在gitlab上绑定Gitlab-runner,项目中配置gitlab-ci文件实现当master分支更新时,自动化打包部署等操作,但是CI模式下执行 npm run build时编译失败错误信息如下react-app-rewired buildCreating an optimized production build...Browserslist: caniuse-li原创 2020-09-11 16:11:57 · 5463 阅读 · 0 评论 -
npm中package-lock的resolevd冲突
前言上次讲到用package-lock锁版本来保证项目的一致性和稳定性。但在使用过程中,发现同一项目的不同开发,在install安装依赖之后,package-lock.json文件会出现冲突,下面将针对这些问题进行探究和解决。一、合分支时由于版本不同造成的冲突简而言之,就是两个开发人员安装了不同版本的新npm包,lock文件不同,从而导致的冲突。这类都属于应有的冲突,只要由merge人员核对版本号,选择正确的版本,统一项目的lock版本即可。二、package-lock中的resolve字段被不同原创 2020-05-25 15:02:14 · 4971 阅读 · 0 评论 -
从package-lock看npm版本锁定相关知识
前言随着前端模块化开发的流行,项目中基本都会使用node和npm来下载和管理各个依赖模块。在项目的根目录中,package.json、package-lock.json就是描述模块信息的文件。下文将围绕基础知识、两者关联、风险与稳定性展开叙述一、基础背景1、版本号规则1. 版本号格式为:X.Y.Z,并且 X、Y、Z 均为正整数并且不断递增。X 表示大版本(major)、Y 表示小版本(...原创 2020-03-31 19:07:24 · 5149 阅读 · 0 评论