构建
14篇文章 · 0订阅
  • webpack 的 scope hositing 实现原理，它也是一种 tree shaking！
    scope hoisting 是 webpack 3 就已经实现的功能了，它能优化生成代码的性能，还能实现部分 tree shaking。 那什么是 scope hoisting，它又是怎么实现的呢？
    前端 JavaScript Webpack
    webpack 的 scope hositing 实现原理，它也是一种 tree shaking！
  • lerna管理前端模块最佳实践
    在最初开开发package的时候，还属于一种刀耕火种的阶段。没有什么自动化的工具。发布package的时候，都是手动修改版本号。如果packages数量不多还可以接受。但是当数量逐渐增多的时候，且这些packages之间还有依赖关系的时候，对开发人员来说，就很痛苦了。工作不仅繁…
    GitHub 前端 NPM
  • webpack4 的30个步骤打造优化到极致的 react 开发环境，如约而至
    本篇所有代码线上代码react-webpack4-cook,翻译过来叫：webpack4和react的乱炖，可以跟着代码进行配置，之前有很多坑，线上代码都已经被解决了 。如果对您有帮助，不妨给个star.点赞关注不迷路 一篇文章不写前言总感觉不太正式，大概介绍下我是怎么完成一个…
    React.js JavaScript Webpack
  • 深入理解 ESlint
    小沈是一个刚刚开始工作的前端实习生，第一次进行团队开发，难免有些紧张。在导师的安排下，拿到了项目的 git 权限，开始进行 clone。 小沈开始细细品味着同事们的代码，终于在他的不懈努力下，发现了老王 2 年前写的一个 bug，跟导师报备之后，小沈开始着手修改。年轻人嘛，容易…
    JavaScript ESLint
  • webpack4.0源码分析之Tapable
    webpack本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是Tapable，webpack中最核心的负责编译的Compiler和负责创建bundles的Compilation都是Tapable的实例。本文主要介绍一下Tapable中的钩子函…
    前端 Promise
  • node.js前端自动化构建--热启动
    随着前端开发技术的不断发展，前端开发工作也变得越来越复杂，如果能合理地采用一些自动化的工具，生活要容易得多。 业内比较成熟的解决方案诸如webpack、rollup、gulp、grunt等前端构建工具相信很多FE都或多或少的接触过,这些工具各有千秋,放在合适的应用场景下都能解放…
  • 开始使用 Webpack 2
    新手友好的 webpack 2 入门教程
    Webpack
  • Webpack 理解 Chunk
    希望读过本篇文章，你在看Webpack配置的时候，能在脑中形成Chunk的生成过程。 Chunk不同于entry、 output、module这样的概念，它们对应着Webpack配置对象中的一个字段，Chunk没有单独的配置字段，但是这个词出现在CommonsChunkPlug…
    Webpack
  • 写给前端的Docker实战教程
    本篇文章详细而又简短的介绍了：一名完全不了解 Docker 前端程序员，将全站 Docker 化的过程。内容主要包含： 而每次我想修改某个网站内容是十分麻烦的。拿大家熟悉的纯静态站点来说，修改过程如下： 网站太多，改动太频繁，而每次不管多小的改动都很麻烦。简直让我感觉自己在维护…
    Docker
  • 前端必备 Nginx 配置
    搭建好nginx服务器并启动过后，我们先看nginx默认配置，再逐个介绍不同使用场景。 开发环境经常改动代码，由于浏览器缓存需要强制刷新才能看到效果。这是我们可以禁止浏览器缓存提高效率 现在http://xx_domain对https://github.com发起请求一定会出现…
    Nginx
    前端必备 Nginx 配置