webpack
文章平均质量分 71
webpack相关文章
前端蜗牛君
前端开发工程师
展开
-
webpack中mode、NODE_ENV、DefinePlugin、cross-env的使用
mode是设置执行模式,webpack4会自动将mode的值通过设置为全局变量,业务代码中可以使用process.env.NODE_ENV读取值。NODE_ENV是设置Node环境变量,在webpack.config.js、webpack.dev.js等文件中通过读取值。cross-env是用来解决跨环境的。用来设置全局变量,在业务代码中通过读取值。原创 2024-04-23 16:20:11 · 558 阅读 · 0 评论 -
babel6使用ES2020最新js语法
Babel 6 原本是不支持 ES2020 语法,因为它是在 Babel 7 中引入的。如果您想使用 ES2020 语法,您需要将 Babel 6 升级到 Babel 7 或更高版本(推荐),当然也可以在bebel6中安装支持某个语法的plugin,比如你想使用 ES2020 中的可选链操作符,就要配置使用。原创 2023-10-19 19:09:48 · 1195 阅读 · 0 评论 -
如何统一前端项目的 Node 版本和包管理器?
通过文档和沟通约束,远不如用工具(代码)约束。成员机器 Node.js 版本不统一:守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意,在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。有人习惯用 npm、有人习惯用 yarn, 代码库里面经常会存在 package-lock.json、yarn.lock 文件同时存在的情况。更痛的点还是各种奇奇怪怪问题排查起来没有头绪。我们要做的就是将问题掐死在源头:锁定 Node.js 版本和包管理器原创 2022-07-01 20:00:00 · 523 阅读 · 0 评论 -
修改node_modules源码,并保存,使用patch-package打补丁
首先,我们能想到的思路是直接修改第三方库的代码,不过这会带来团队协作的问题,你的改动需要同步到团队所有成员,比较麻烦。好在,我们可以使用 patch-package 这个库来解决这类问题。一方面,它能记录第三方库代码的改动,另一方面也能将改动同步到团队每个成员。我们以vue常用的 iview 组件库做实验,先安装一下:我们随便修改一行,打开某个文件在slot后面加了个test,然后我们希望这行修改的代码,在npm install重新安装组件库的时候仍存在。如何实现呢?2、修改脚本 package.js原创 2022-06-21 14:38:25 · 1449 阅读 · 0 评论 -
webpack-dev-server的proxy代理https网站报错:ERR_TLS_CERT_ALTNAME_INVALID
本地开发环境中使用webpack-dev-server用作对远程测试服务器的API请求的代理。远程服务器使用的是HTTPS,这时页面会报错:打开vscode,终端报错:[HPM] Error occurred while trying to proxy request /api/v1/home/comprehensive-search from localhost:8888 to https://www.xxx.com (ERR_TLS_CERT_ALTNAME_INVALID) (https:原创 2022-04-25 13:57:43 · 4402 阅读 · 0 评论