前端工程化
8篇文章 · 0订阅
  • lerna 和 yarn 实现 monorepo
    monorepo 是指一种把多个项目的源代码放在同一个代码仓库里面管理的一种方法。与 monorepo 相对的是 multirepo，它的思想是按模块分成多个仓库。当前有很多流行的开源项目使用 monorepo 管理代码，如 Babel、Vue3.0。 方便统一生成 Chang…
    Yarn
  • 精读《Monorepo 的优势》
    1. 引言 本周精读的文章是 The many Benefits of Using a Monorepo。 现在介绍 Monorepo 的文章很多，可以分为如下几类：直接介绍 Lerna API 的；介绍如何从独立仓库迁移到 Lerna 的；通过举例子说明 Monorepo 重…
    JavaScript
  • 手把手教你撸一个简易的 webpack
    随着前端复杂度的不断提升，诞生出很多打包工具，比如最先的grunt，gulp。到后来的webpack和Parcel。但是目前很多脚手架工具，比如vue-cli已经帮我们集成了一些构建工具的使用。有的时候我们可能并不知道其内部的实现原理。其实了解这些工具的工作方式可以帮助我们更好…
    Node.js JavaScript 前端
  • webpack4之基础篇
    1. 什么是webpack WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。 2. webpack核心概念 En…
    JavaScript Webpack
  • commitizen + husky 规范git提交信息
    提交一时爽，查找泪两行，想寻当时的某次修改发现无从下手。。。。 当然你们如果想自己定义提交规范也是可以的，首先要下载自定义规范约束的包替换Angular团队使用的规范。
    Git
    commitizen + husky 规范git提交信息
  • Webpack 理解 Chunk
    希望读过本篇文章，你在看Webpack配置的时候，能在脑中形成Chunk的生成过程。 Chunk不同于entry、 output、module这样的概念，它们对应着Webpack配置对象中的一个字段，Chunk没有单独的配置字段，但是这个词出现在CommonsChunkPlug…
    Webpack
  • 【译】关于Webpack中一些让人困惑的地方的解答
    Webpack是React和Redux项目的主要模块加载器。我认为使用Angular2和其他的框架的人在如今也大量使用Webpack进行开发。 当我第一次查看Webpack的配置文件时，我是懵逼的。在使用过一段时间以后，我觉得这是因为Webpack有着独一无二的语法和标新立异的…
    Webpack
  • 一览js模块化：从CommonJS到ES6
    模块化是指把一个复杂的系统分解到一个一个的模块。 (1)代码复用，让我们更方便地进行代码管理、同时也便于后面代码的修改和维护。 (2)一个单独的文件就是一个模块，是一个单独的作用域，只向外暴露特定的变量和函数。这样可以避免污染全局变量，减少变量命名冲突。 js模块化规范有：Co…
    JavaScript