注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. 记一次react前端项目打包优化的方法

  2. 前文 之前一年多前接手的一个react项目，前段时间因为做业务中台项目，对公司现有的应用项目做中台化改造，这期间将项目部署到uat环境，测试期间，测试小妹妹和产品大叔都吐槽进入uat项目的时候要load很久，白屏时间超过30s，体验很差，生产不至于这么慢但也是白屏时间挺长的，所以减少白屏时间增加用户体验成为了当务之急。复制代码 分析 通过控制台判断加载资源时间还有资源大小 通过开发者工具可以看到白屏的主要原因在于bundle.js这个打包后的文件过大，达到3.6M加上uat环境带宽等问题的话，

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：286kb
    • 提供者：weixin_38722164

  1. 浅谈如何使用 webpack 优化资源

  2. 前言 在前端应用的优化中，对加载资源的大小控制极其的重要，大多数时候我们能做的是在打包编译的过程对资源进行大小控制、拆分与复用。 本片文章中主要是基于 webpack 打包，以 React、vue 等生态开发的单页面应用来举例说明如何从 webpack 打包的层面去处理资源以及缓存，其中主要我们需要做的是对 webpack 进行配置的优化，同时涉及少量的业务代码的更改。 同时对打包资源的分析可以使用 (webpack-contrib/webpack-bundle-analyzer) 插件，当然可

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：290kb
    • 提供者：weixin_38691453

  1. webpack打包react项目的实现方法

  2. 1webpack简介 webpack是目前最流行的打包工具之一，是一个为前端模块打包构建而生的工具，它既吸取了大量已有的方案优点和教训，也解决了很多前端开发过程中已有的痛点，如代码的拆分与异步加载，对非js资源的支持，强大的loader设计使得它更像是一个构建平台，而不是打包工具。 2webpack,react开发环境 1）新建一个项目文件夹,进入此文件夹，创建package.json文件(npm init命令) 2）确认已安装webpack,web pack-dev-server模块 3）安

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：55kb
    • 提供者：weixin_38667408

  1. react-native-iconfont-cli：把iconfont.cn的图标转换成标准RN组件，不依赖字体，支持多色彩，支持热更新-源码

  2. react-native-iconfont-cli 用纯JS把iconfont.cn的图标转换成RN组件，不依赖字体，支持多色彩，支持热更新 痛点 通常地，当我们想在RN里使用iconfont，我们可能会替换react-native-vector-icons导入ttf字体文件，或者直接手动下载多个svg文件到本地，然后拆分使用。 使用TTF字体有一个弊端，就是每次更新图标，都要相应的更新TTF文件，然后再次打包发布APP。而且TTF不支持多种色彩的图标，导致所有图标都是单色。如果你是借助reac

  3. 所属分类：其它

    • 发布日期：2021-02-05
    • 文件大小：232kb
    • 提供者：weixin_42175035

  1. react-typescript：具有TypescriptAntd的前端项目。 webpack5 +React路由器4 + antd + typescript4 + grahql-源码

  2. React打字稿 项目概况 使用蚂蚁金服的Antnt开发的一套后台管理系统，主要用到了react，typescr ipt，antd，mobx等技术，使用webpack4打包构建，包含React16的代码拆分等新特性。 项目主要技术结构 React 打字稿 安特 暴民 webpack4 React路由器4 安装 在终端下操作 项目地址：（ git clone ） git clone gitgithub.com:xpioneer/react-typescr ipt.git 安装node_modu

  3. 所属分类：其它

    • 发布日期：2021-02-05
    • 文件大小：240kb
    • 提供者：weixin_42135073

  1. 网站：最好的React + Koa + SSR + I18n技术栈-源码

  2. 现场 最好的React技术栈 打字稿（静态检查） React（查看） reach / router（分形路由支持，更简洁的API） Immer（不可变数据，处理复杂对象的更新） 重新匹配（状态管理，更好的redux，更少的代码，更好的async处理） SSR + SPA +代码拆分+预取（极致的首屏加速和SEO优化） React-intl-universe && moment（国际化和本地化支持） Koa2（路由和渲染） Webpack4（打包工具） 更漂亮（自动代码格式化，

  3. 所属分类：其它

    • 发布日期：2021-02-03
    • 文件大小：237kb
    • 提供者：weixin_42133452

  1. minimum-parcel-lib：用于打包包裹的React库的样板-源码

  2. 最小包裹库 与包裹捆绑在一起的React库的样板 嗨，谢谢您的光临！ 该项目是一小部分脚本和样板代码集合，将帮助任何人向全世界展示自己的想法。 默认情况下它带有react，但是它支持Vue，Angular，Typescr ipt等。 如何使用 MPL （最小包裹库）与一起这意味着您可以在包裹内置的所有好东西上工作，例如热模块更换，自动安装的依赖项，代码拆分，摇树等。 由于此软件包的重点是NPM库，因此我包含了.babelrc ，其基本内容包括转换运行时插件以及类属性和对象传播等功能。 如果您还

  3. 所属分类：其它

    • 发布日期：2021-01-31
    • 文件大小：729kb
    • 提供者：weixin_42138780

  1. react-router实现按需加载

  2. 本文使用的 React-router 版本为 2.8.1 React Router自己就有一套按需加载解决方案，将代码拆分成多个小包，在浏览过程中实现按需加载； 如过你的项目搭配了webpack打包工具，那么需要在webpack.config.js的output内加上chunkFilename output: { path: path.join(__dirname, '/../dist/assets'), filename: 'app.js', publicPath: defaul

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：49kb
    • 提供者：weixin_38687199

  1. 在react-router4中进行代码拆分的方法（基于webpack）

  2. 前言 随着前端项目的不断扩大，一个原本简单的网页应用所引用的js文件可能变得越来越庞大。尤其在近期流行的单页面应用中，越来越依赖一些打包工具（例如webpack），通过这些打包工具将需要处理、相互依赖的模块直接打包成一个单独的bundle文件，在页面第一次载入时，就会将所有的js全部载入。但是，往往有许多的场景，我们并不需要在一次性将单页应用的全部依赖都载下来。例如：我们现在有一个带有权限的”订单后台管理”单页应用，普通管理员只能进入”订单管理”部分，而超级用户则可以进行”系统管理”；或者，我们

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：133kb
    • 提供者：weixin_38614636