前端工程化
8篇文章 · 0订阅
  • 【脚手架】从0到1搭建React18+TS4.x+Webpack5项目（一）项目初始化
    【脚手架】从0到1搭建React18+TS4.x+Webpack5项目，主技术栈：webpack5 + React18 + TS4.x + React-Router6.x
    前端 掘金·日新计划 React.js
    【脚手架】从0到1搭建React18+TS4.x+Webpack5项目（一）项目初始化
  • 基于craco配置的react项目的webpack构建优化
    craco webpack 构建速度 构建体积 thread-loader cache-loader hard-source-webpack-plugin 持久化缓存 inxlude Spl
    Webpack
  • craco.config.js 相关配置解析
    craco.config.js一些通用配置，使用less、拆包、移动端自适应等常用配置梳理及dotenv-cli的使用
    前端
  • 想弄懂Babel？你必须得先弄清楚这几个包
    弄清楚这几个包，Babel就差不多理解80%了。文章已经梳理好平时项目中Babel经常用到的几个包，带你一步步看懂Babel官网文档，解答官网中容易蒙圈的地方
    前端 JavaScript Babel
    想弄懂Babel？你必须得先弄清楚这几个包
  • 创建 React 应用的 7 种方式，你用过几种？
    本文例举创建 react 应用的常见 7 种方式，首先，我们第一个是想到的是 react 官方团队提供的脚手架工具 Create React App(cra) 项目是零配置。
    React.js 掘金·金石计划
    创建 React 应用的 7 种方式，你用过几种？
  • 万字长文详解react项目使用craco进行配置并集成Prettier、Eslint、husky、lint-staged
    项目搭建 为什么使用craco 使用create-react-app 创建的项目默认是无法修改其内部的webpack配置的，不像vue-cli那样可以通过一个配置文件修改。
    前端 JavaScript
  • 从 0 构建自己的脚手架/CLI知识体系（万字） 🛠
    1、脚手架的简单雏形；2、脚手架工具体系；3、手写自己的脚手架；4、yeoman 的使用；5、plop 的使用
    前端 后端
    从 0 构建自己的脚手架/CLI知识体系（万字） 🛠
  • 【中高级前端必备】手摸手教你撸一个脚手架
    vue-cli, create-react-app、react-native-cli 等都是非常优秀的脚手架，通过脚手架，我们可以快速初始化一个项目，无需自己从零开始一步步配置，有效提升开发体验。尽管这些脚手架非常优秀，但是未必是符合我们的实际应用的，我们可以定制一个属于自己的…
    JavaScript 命令行
    【中高级前端必备】手摸手教你撸一个脚手架