前端工程化
23篇文章 · 1订阅
  • process.env.NODE_ENV是如何被webpack替换的
    一、开始 在用webpack做项目的过程中，可以在项目代码中使用process.env.NODE_ENV，根据开发环境和生产环境的不同做不同的逻辑。于是想到webpack是如何把process.env
    前端
  • webpack | 动态导入语法import
    对于随着功能而使用的代码，可以先拆分出来打包到一个单独的js文件中（代码分割），然后在使用时动态创建script标签进行引入。
    Webpack
  • 腾讯二面：现在要你实现一个埋点监控SDK，你会怎么设计？
    1. 为什么用img的src做请求的发送，sendBeacon又是什么？ 2. 埋点监控系统负责处理哪些问题，需要怎么设计api？ 3. 在react、vue的错误边界中要怎么处理？
    前端 面试
    腾讯二面：现在要你实现一个埋点监控SDK，你会怎么设计？
  • 手写 git hooks 脚本（pre-commit、commit-msg）
    简介 Git 能在特定的重要动作发生时触发自定义脚本，其中比较常用的有：pre-commit、commit-msg、pre-push 等钩子（hooks）。我们可以在 pre-commit 触发时进行
    前端 Git JavaScript
  • 如何通过 Git 和 Husky 添加提交钩子并实现代码任务自动化 🧐
    但是并不是团队中的每个人都记得每次提交时都运行这些命令。 如果有一个工具可以在每次提交/推送代码前自动检查及格式化代码就好了--答案是 Husky！ 那如何通过 Husky 并添加 Git Hooks 来自动运行代码检查等任务呢？ Git hooks是可以设置在 Git 生命周…
    NPM
  • 前端模块化—CommonJS、CMD、AMD、UMD和ESM
    在NodeJS之前，由于没有过于复杂的开发场景，前端是不存在模块化的，后端才有模块化。NodeJS诞生之后，它使用CommonJS的模块化规范。从此，js模块化开始快速发展。 模块化的开发方式可以提供代码复用率，方便进行代码的管理。通常来说，一个文件就是一个模块，有自己的作用域…
    JavaScript
    前端模块化—CommonJS、CMD、AMD、UMD和ESM
  • Lerna 中文教程详解
    Lerna是一个工具，它优化了使用git和npm管理多包存储库的工作流。 vue,babel,react等都在用。我司也在用。文档是英文，我便简单总结一篇，希望对大家有帮助。 vue,babel都是用这种，在publish的时候,会在lerna.json文件里面"version…
    前端框架
  • 十分钟了解 ESLint 配置 && 编写自定义 ESLint 规则
    十分钟带你了解ESLint配置并编写出自己的ESLint规则，快来看看吧。十分钟看了绝对不吃亏、不上当。
    ESLint 前端
    十分钟了解 ESLint 配置 && 编写自定义 ESLint 规则
  • webpack打包ts的两种方案对比
    @babel/preset-typescript：它是直接移除TypeScript，转为JS，这使得它的编译速度飞快,并且只需要管理Babel一个编译器就行了。 高版本的浏览器，这部分代码也不会被打包进来，因为高版本浏览器已经可以直接使用promise。 执行打包，发现bund…
    Webpack
  • JavaScript复制内容到剪贴板
    最近一个活动页面中有一个小需求，用户点击或者长按就可以复制内容到剪贴板，记录一下实现过程和遇到的坑。 分别来看看这两种方法是如何使用的。 这是clipboard的官网：https://clipboardjs.com/，看起来就是这么的简单。 注意到，在 <button> 标签中…
    JavaScript 前端 iOS