title gulp相关知识 date 2023-09-09 10 42 00 tags frontend banner_img /images/gulp相关知识/background.png index_img /images/gulp相关知识/background.png categories 前端 配置 gulp相关知识 [gulp](https //gulpjs.com

组件库打包配置参考-umd打包

组件库打包配置参考-umd打包 今天讲讲关于组件库打包的umd打包，这里拿arco-design的打包工具arco-cli的1.0版本来讲解。 开始前 下面展示的代码可能是笔者更改过的，请勿过分较真(`へ´*)ノ。 开始 代码 相对于其他几个模块的打包来说，umd只是单纯使用webpack来输出一个单文件，所以就直接贴代码了。 123456789101112131415161718192021

组件库打包配置参考-css打包

组件库打包配置参考-css打包 今天简单讲讲关于组件库打包的css打包，这里拿arco-design的打包工具arco-cli的1.0版本来讲解。 开始前 arco-cli使用的是gulp来组织任务执行的，他能极大的简化构建任务，生态也是及其的庞大，基本业务中的情况都能找到对应的插件。 简单的一些知识可以看看这里。 下面展示的代码可能是笔者更改过的，请勿过分较真(`へ´*)ノ。 在这里贴几个

组件库打包配置参考-esm&cjs打包

组件库打包配置参考-esm&cjs打包 今天简单讲讲关于组件库打包的esm和cjs打包，这里拿arco-design的打包工具arco-cli的1.0版本来讲解。 开始前 arco-cli使用的是gulp来组织任务执行的，他能极大的简化构建任务，生态也是及其的庞大，基本业务中的情况都能找到对应的插件。 简单的一些知识可以看看这里。 下面展示的代码可能是笔者更改过的，请勿过分较真(`へ´*

使用puppeteer爬取漫画

使用puppeteer爬取漫画 介绍 前几天看到龙珠超-次元乱战的漫画，感觉还不错，奈何一下子没有找到资源。 但是看到了在线版本的，这里就想到直接将资源下载下来看，那不是更方便吗😊。 正文 工具 本次使用的工具有 axios 这个应该不用多介绍了，在这里的使用目的是进行文件的下载。 puppeteer puppeteer是一个模拟浏览器的运行工具，可以自动化的做一些用户操作。 流程 这里简单

prettier控制引入顺序

prettier控制引入顺序 作为一个有"素质"的前端选手，对于代码的格式有着极强的要求，今天就讲一下关于引入顺序的问题的处理。 开始 一般情况下，我们都会对引入的模块的顺序进行控制。 比如在我看来，应该是这么一个顺序： 123456// 第三方模块import React from 'react'// 绝对路径模块import Component from

数据可视化大屏设计器开发-控制刷新

数据可视化大屏设计器开发-控制刷新 开头 本文是数据可视化开始的开发细节第七章。关于大屏中组件的控制刷新的逻辑。 根据上一章内容，关于关联参数的逻辑讲解，引申的一个场景。 一个列表组件可能依赖于多个联动组件的关联参数，比如像是ProTable。 上面的查询项的关联参数会被写入到列表的请求路径中，比如这样/api/fetch/table?title={{title}

数据可视化大屏设计器开发-关联参数

数据可视化大屏设计器开发-关联参数 开头 本文是数据可视化开始的开发细节第六章。关于大屏中组件的关联参数设置的逻辑。 关联参数所指的是组件的数据变更或者配置变更依赖于某一些地方带来的变量。 比如 一个柱形图的数据请求的url需要一个用户id。 一个标题的内容是根据当前的学校，来显示其名称。 一个雷达图需要根据数据的不同显示不一样的维度。 一个视频需要根据数据的不同来控制是否显示。 下面就关

数据可视化大屏设计器开发-重大变更控制

数据可视化大屏设计器开发-重大变更控制 开头 本文是数据可视化开始的开发细节第八章。关于大屏中重大变更控制的逻辑。 重大变更，也就是Breaking Change。 当版本更新中出现了和之前版本不兼容的情况，需要我们自己手动做兼容。 比如上一个版本的配置的一个数据类型是数组，而现在的数据类型变成了对象，就需要手动将数据进行修正。 开始 版本控制 首先是关于版本的控制。 1.20.1 序号 格

charles文件映射

介绍 最近工作上碰到一个业务，需要调试以前的老代码，是有单页面单文件形式的vue项目，并不是像webpack类似，起本地服务的项目。 之前的方法是通过启动本地主工程的代码，调试该业务的代码，但是相对来说比较繁琐。 并且主工程运行速度也并不快。 此时想到了使用charles，使用charles工具将远程文件映射到本地。 开始 配置 首先是下载charles，官网地址在这里，选择自己电脑系统的包。