随笔分类 -  前端自动化工具

vscode git合并分支发生冲突如何解决（推荐网址）
摘要：vscode合并分支 参考网址：http://t.zoukankan.com/liumcb-p-14211554.html 合并分支后报错 参考网址：https://blog.csdn.net/seimeii/article/details/122702697 阅读全文
posted @ 2023-01-12 17:35 知了呀 阅读(310) 评论(0) 推荐(0)
关于git cherry-pick把一个分支的commit合并到另一个分支使用详解
摘要：前言 git cherry-pick是本地分支间的commit相互给予，所以把远程分支拉到本地 步骤 1.将远程分支分别在本地对应创建 比如develop和newpark-h5-view两个分支，要将develop的最近一次提交转移到newpark-h5-view 先分别拉取本地，本地切换到newp 阅读全文
posted @ 2022-12-27 20:36 知了呀 阅读(2267) 评论(0) 推荐(0)
vue cli4配置多个baseUrl环境，axios涉及多个请求域的情况
摘要：前言 开发中经常会遇到axios请求涉及到多个请求域，我们打包后也希望不同的请求对应不同的域名 配置 1.创建文件 在vue项目的根目录下创建2个文件.env.development和.env.production。在开发过程中，项目会自动读取development文件的配置，在打包时项目会自动读取 阅读全文
posted @ 2020-11-13 16:48 知了呀 阅读(7556) 评论(2) 推荐(2)
vue cli4的webpack_devserver配置多个跨域_vue.config.js相关配置
摘要：跨域是因为浏览器的同源策略，我们可以通过使用webpack的devServer（devServer就是启动一个本地服务器）将请求改为服务器向服务器请求，从而绕过浏览器的同源策略 在vue.config中配置跨域,这里要注意proxy中标志单词不能有重复的组成，比如第一个请求匹配'/api'，后面的匹 阅读全文
posted @ 2020-11-13 16:08 知了呀 阅读(1235) 评论(0) 推荐(0)
开发常用快捷键
摘要：光标移到行尾 End键 光标移到行首 Home键 选中光标到行尾的内容 shift+end 选中前 选中后 选中光标到行首的内容 shift+home 阅读全文
posted @ 2020-11-09 17:23 知了呀 阅读(98) 评论(0) 推荐(0)
gulp基本使用
摘要：一.gulp是什么 gulp强调的是前端开发的工作流程,我们可以通过定义task事件定义事件的执行顺序,gulp去执行这些事件,构建整个前端开发的工作流程 gulp常见定义事件，例如： 变更静态资源 合成文件,把多个文件合为一个文件 监控变化,自动刷新浏览器 解析浏览器不识别的语言,如scss等 下 阅读全文
posted @ 2020-01-10 20:34 知了呀 阅读(279) 评论(0) 推荐(0)
webpack+javascript搭建项目环境大概流程和各个流程的功能作用
摘要：前言 本文是对项目开发中webpack+原生js搭建流程的步骤梳理,和常见配置项的功能讲解.并不适用于vue/react框架 因为实际项目上的配置代码过多,放在一章写太长了,怕看不下去,所以实际代码另写在这里,两篇文章可以搭配看:https://www.cnblogs.com/liuXiaoDi/p 阅读全文
posted @ 2019-09-12 10:13 知了呀 阅读(392) 评论(0) 推荐(0)
webpack配置多页面和提取css
摘要：webpack配置多页面 webpcak配置多页面需要在entry中配置多个,在plugins中配置多个htmlWebpackPlugin,具体如下 entry:{ "index":"./src/js/index.js", "detail:"./src/js/detail.js" } plugins 阅读全文
posted @ 2019-08-22 22:22 知了呀 阅读(274) 评论(0) 推荐(0)
webpack-搭建项目的代码
摘要：一.webpack介绍 webpack是一个前端模块化工具,简单解释:webpack就是处理多个文件,根据设置的规则,对文件进行合并和修改. 正式说:webpack是一个模块化打包工具.从入口模块出发,识别源码中的模块化导入语句,递归的找出入口模块的所有依赖,将入口和所有依赖打包 我们把合并后的文件 阅读全文
posted @ 2019-08-02 20:11 知了呀 阅读(410) 评论(0) 推荐(1)
webSocket热更新原理
摘要：前言 Hot Module Replacement（以下简称 HMR）是 我们经常使用的热更新模块,当你对代码进行修改并保存后,webpack 将对代码重新打包,并将新的模块发送到浏览器端,浏览器通过新的模块替换老的模块，这样在不刷新浏览器的前提下就能够对应用进行更新. 比如我们修改div的样式,修 阅读全文
posted @ 2019-06-11 23:20 知了呀 阅读(821) 评论(0) 推荐(0)
关于webpcak打包慢的处理方法
摘要：1.使用webpcak-bundle-analyzer去对项目进行模块分析,生成一个报告report,根据报告针对性优化,更找出大模块和不需要打包的模块 运行npm run build --report,结果如下,我们找到不要打包的模块删除 2.对于较大的模块,我们可以在webpcak中配置exte 阅读全文
posted @ 2019-06-11 20:46 知了呀 阅读(141) 评论(0) 推荐(0)
将es6转化为es5经历了什么
摘要：1,@babel/parser将es6的代码转化为AST 2,@bebel/core将es6的AST转化为es5的AST,并将es5的AST转化为对应的es5代码.该过程中可能还需要@babel/traverse 来获取依赖文件 阅读全文
posted @ 2019-06-11 20:28 知了呀 阅读(218) 评论(0) 推荐(0)