Giter VIP home page Giter VIP logo

web-infra's Introduction

web-infra

Document License

本仓库内容为前端工程化系列,预期一周更新 1 ~ 2 篇内容。本来是想做成收费内容的,但是种种原因之下还是决定开源(其实是为了方便摆烂)。

工程化是个很大的领域,远远不止聊点 Webpack 或者脚手架那么简单,当然它们也确实属于工程化的一小部分。

其实工程化会因为公司的不同而不同,比如说基于某某业务场景我们需要这样实现工程化,但换个场景这个工程化就不太适用。因此本系列会以通用的场景去聊工程化,这些内容放在任意公司应该都是适用的,无非我们需要基于自己公司的场景做不同的修改。

接下来的内容会串联起项目初始化到部署上线环节,讲解其中涉及到的工程化内容,涉及的知识点很多,欢迎大家先 Star 及 Watch。

近一月内更新

大纲

以下大纲尚不完整,还在构思中。

前言

项目初始化阶段

开发阶段

  • Mock

构建阶段

  • Webpack
  • Vite
  • esbuild
  • 代码压缩
  • 产物切割
  • 如何自由切换构建器
  • 更好的构建工具

测试阶段

  • 测试框架

部署阶段

  • 如何发包
  • 如何部署应用

上线阶段

  • 监控

技术选型

  • Monorepo
  • 微前端

协议

  • 本作品文档采用知识共享署名 4.0 国际许可协议进行许可。 遵循许可的前提下,你可以自由地共享,包括在任何媒介上以任何形式复制、发行本作品,亦可以自由地演绎、修改、转换或以本作品为基础进行二次创作。但要求你:
    • 署名:应在使用本文档的全部或部分内容时候,注明原作者及来源信息。
    • 非商业性使用:不得用于商业出版或其他任何带有商业性质的行为。如需商业使用,请联系作者。
    • 相同方式共享的条件:在本文档基础上演绎、修改的作品,应当继续以知识共享署名 4.0 国际许可协议进行许可。

web-infra's People

Contributors

kiesun avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

web-infra's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.