Code Monkey home page Code Monkey logo

monorepo's Introduction

  • 安装pnpm

安装typescript配置

  • tsc, ts-loader, @babel/preset-typescript 有什么区别?

配置react环境

# 安装webpack
pnpm add webpack webpack-cli webpack-merge webpack-dev-server @babel/core @babel/preset-react @babel/preset-typescript babel-loader css-loader less style-loader less-loader postcss postcss-loader tailwindcss autoprefixer html-webpack-plugin cross-env -D --filter @proj/react-x
pnpm add mini-css-extract-plugin -D --filter @proj/react-x
# 压缩,分治
pnpm i css-minimizer-webpack-plugin terser-webpack-plugin -D --filter @proj/react-x

webpack rollup

pnpm i core-js -D --filter @proj/react-x

优化

  • FMP
    • 根据需求
      • I/O角度: 让你的bundlesize最小
        • minimize, terser, gzip
          • gzip: compression-webpack-plugin
        • CDN
        • DNS
        • webp

构建组件库

  • @headlessui/react组件库

gulp 好选择 rollup 分文件夹,一起构建

# 全局安装
pnpm i @headlessui/react -S -w

  • react-app-rewire-inline-source-plugin

dev log

monorepo's People

Watchers

 avatar

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.