webpack-react-ts
7篇文章 · 0订阅
  • 【前端工程化基础 - Babel 篇】简单实现 babel-plugin-import 插件
    前几个月写的一篇文章，还没在掘金发过。 平时在使用 antd、element 等组件库的时候，都会使用到一个 Babel 插件：babel-plugin-import，这篇文章通过例子和分析源码简单说一下这个插件做了一些什么事情，并且实现一个最小可用版本。 antd 和 ele…
    JavaScript 前端
  • 搞懂webpack热更新原理
    HMR即Hot Module Replacement是指当你对代码修改并保存后，webpack将会对代码进行重新打包，并将改动的模块发送到浏览器端，浏览器用新的模块替换掉旧的模块，去实现局部更新页面而非整体刷新页面。接下来将从使用到实现一版简易功能带领大家深入浅出HMR。 如上…
    Webpack
  • 傻傻分不清之 Cookie、Session、Token、JWT
    在战国时期，商鞅变法，发明了照身帖。照身帖由官府发放，是一块打磨光滑细密的竹板，上面刻有持有人的头像和籍贯信息。国人必须持有，如若没有就被认为是黑户，或者间谍之类的。 在现实生活中，每个人都会有一张专属的居民身份证，是用于证明持有人身份的一种法定证件。通过身份证，我们可以办理手…
    JavaScript
  • [译] TypeScript 牵手 Babel：一场美丽的婚姻
    感谢 Babel 的 TypeScript 插件（@babel/preset-typescript），TypeScript 从未变得如此简单，这是 TypeScript 和 Babel 团队长达一年的官方合作成果。本文列举出了4条理由来证明 TypeScript 和 Babel…
    TypeScript
    [译] TypeScript 牵手 Babel：一场美丽的婚姻
  • Webpack 转译 Typescript 现有方案
    1. awesome-typescript-loader 2. ts-loader + babel-loader + fork-ts-checker-webpack-plugin 这种方案，当 webpack 编译的时候，ts-loader 会调用 typescript（所以本…
    TypeScript
  • Gatsby 入门指南
    Gatsby 是一个基于 React 的、免费开源的、用于搭建静态站点的框架。 Gatsby 主要的应用的技术是 React 和 GraphQL，利用 Gatsby 搭建一个简单的静态站点，是一个很好的学习过程。本文主要讲解如何从零搭建一个简单的个人博客结构的过程，也是自己学习…
    React.js
  • 介绍下我的开源项目Zz.js(轻量易用的 React SSR 开发骨架)
    在这里主要是向大家介绍下我的开源项目-zz.js的开发背景、特性、功能、以及如何应用和未来的一些规划。 如果你对next.js nuxt.js有了解的话不妨也看看zz.js。 zz 是一个基于 koa2 react16 webpack4 babel7 react-router5…
    React.js