SPFx optimizing bundles with code splitting chunks

preview_player
Показать описание
In this 10-minute Developer - focused demo, David Warner shows viewers how to optimally split, combine and name .js files for your bundles to speed up initial page load and debugging as well as to provide actionable telemetry. See how to split your web parts functionality into multiple .js files and use WebpackChunkName to append friendly names to default GUID like .js file names. Files are loaded as needed - at time of execution, i.e., with a button click. This PnP Community demo is taken from the SharePoint Framework and JavaScript Special Interest Group (SIG) – Bi-weekly sync call recorded on August 13, 2020.

Demo Presenter: David Warner (Catapult Systems) | @DavidWarnerII

Supporting materials:

Learn more:
  1. Microsoft Community Learning
  2. SharePoint
  3. Development
  4. PnP
  5. Dev
  6. community
Рекомендации по теме
SPFx optimizing bundles 0:09:44

SPFx optimizing bundles with code splitting chunks

Webpack Magic in 0:09:10

Webpack Magic in SPFx: Optimize Bundles with Code Splitting

SPFx Optimized Package 0:08:46

SPFx Optimized Package Bundling - Chunk Names - Part 1 - Custom Bundle Names

SPFx Optimized Package 0:05:39

SPFx Optimized Package Bundling - Chunk Names - Part 2 - Combined Bundle Chunks

Dynamic SPFx Package 0:07:41

Dynamic SPFx Package Bundling

SharePoint Library Components 0:08:24

SharePoint Library Components - Optimized Bundling

Modernize your SharePoint 0:14:33

Modernize your SharePoint Framework projects

Community Demo - 0:16:08

Community Demo - Optimizing SPFx extension performance with dynamic loading of CSS styles

Fast Serve with 0:09:28

Fast Serve with SharePoint Framework – speed up the bundling process

Modernize your SharePoint 0:14:33

Modernize your SharePoint Framework projects

Custom Icon, Bundle, 0:06:22

Custom Icon, Bundle, Package, Deploy! | SharePoint Framework for Beginners (SPFx) 2021 E07

SharePoint PnP - 0:58:06

SharePoint PnP - SPFx and JavaScript community call - 25th of April 2019

'Client-side web parts' 0:03:53

'Client-side web parts' - preview from the 'Mastering the SPFx' course

fps comparison, can 0:00:12

fps comparison, can you notice the difference? #60fps #animation #attackontitan #shingekinokyojin

Sharepoint: SPFx Development 0:06:25

Sharepoint: SPFx Development Model : Overview of Extensions Functionality | packtpub.com

Easily fix errors 0:21:34

Easily fix errors in your SPFx projects with CLI for Microsoft 365

SharePoint Framework and 0:11:37

SharePoint Framework and Dynamic CSS Styles - Part 1: Style Options & How to Import

Building Office Add-Ins 0:18:34

Building Office Add-Ins using SharePoint Framework

Microsoft 365 PnP 0:57:41

Microsoft 365 PnP - SPFx & JavaScript SIG community call – 13th of August 2020

Community demo - 0:09:54

Community demo - SharePoint Library Components – Introduction and optimized bundling

SPFx - Animation 0:31:48

SPFx - Animation with CSS

Developing SPFx web 0:19:07

Developing SPFx web parts for different section designs using CSS

PnP Virtual Conference 0:30:04

PnP Virtual Conference - 09/2020 - Ways to optimize SharePoint Framework highly custom Intranet

Setup SPFX Development 0:09:12

Setup SPFX Development Environment

Комментарии
Автор

Very good video, congratulations for the good communication and details of the content!

cesarhenriquemarcalcardoso
Автор

I have a compiled typescript file contains assets folder and index, polyfills, runtime.. and style files. I accidently lost the source code of that due to reinstalling windows. Is there any way so that I can get the source code back? Thanks

love-beautiful-afghanistan