Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@fluentui/webpack-utilities

microsoft240MIT8.1.29TypeScript support: included

Fluent UI React utilities for Webpack bundler.

readme

Fluent UI React - Webpack utilities

This package contains utilities for optimizing the use of Fluent UI React (formerly Office UI Fabric React) for the Webpack bundler.

Installation

To use any of these Webpack utilities, you must install it into your project:

npm i -D @fluentui/webpack-utilities

or

yarn add -D @fluentui/webpack-utilities

Fabric Async Loader

This is a Webpack loader that will automatically perform code splitting with no code changes needed on the library or application side. It accomplishes this through the Webpack loader mechanism filtered through the include property. To use this, modify your webpack.config.js like so:

module.exports = {
  ...,
  module: {
    rules: [
      {
        test: /\.(jsx?|tsx?)$/,
        include: require('@fluentui/webpack-utilities/lib/fabricAsyncLoaderInclude'),
        loader: '@fluentui/webpack-utilities/lib/fabricAsyncLoader.js',
        options: {
          ...
        }
      },
    ...
  }
};

Loader Options (Webpack 4 only)

  • chunkName: the generated file name will be based on this setting
  • prefetch: translates to the webpackPrefetch magic comment
  • preload: translates to the webpackPreload magic comment

Credits

Thanks to:

  • react-loadable by @jamiebuilds who created a delay loaded component
  • react-loadable-loader by @baflo who inspired this project; we modified that implementation to work with non-default exports

changelog

Change Log - @fluentui/webpack-utilities

This log was last generated on Fri, 05 May 2023 18:14:02 GMT and should not be manually modified.

8.1.15

Fri, 05 May 2023 18:14:02 GMT Compare changes

Patches

8.1.14

Tue, 02 May 2023 22:20:22 GMT Compare changes

Patches

8.1.5

Wed, 11 Aug 2021 07:34:54 GMT Compare changes

Patches

8.1.4

Tue, 03 Aug 2021 07:39:30 GMT Compare changes

Patches

8.1.3

Fri, 09 Jul 2021 07:39:31 GMT Compare changes

Patches

8.1.2

Mon, 07 Jun 2021 07:38:15 GMT Compare changes

Patches

8.1.1

Thu, 20 May 2021 07:41:54 GMT Compare changes

Patches

8.1.0

Fri, 30 Apr 2021 07:42:23 GMT Compare changes

Minor changes

Patches

8.0.3

Fri, 23 Apr 2021 07:37:10 GMT Compare changes

Patches

8.0.2

Wed, 31 Mar 2021 00:53:43 GMT Compare changes

Patches

8.0.1

Fri, 26 Feb 2021 01:16:27 GMT Compare changes

Patches

8.0.0-beta.4

Thu, 18 Feb 2021 12:27:34 GMT Compare changes

Changes

8.0.0-beta.3

Fri, 12 Feb 2021 12:26:20 GMT Compare changes

Changes

8.0.0-beta.2

Tue, 09 Feb 2021 12:24:19 GMT Compare changes

Changes

8.0.0-beta.1

Thu, 28 Jan 2021 12:25:56 GMT Compare changes

Changes

  • [BREAKING] Delete ManifestServicePlugin (file an issue if you were using it). Updating to webpack 5, latest typings, latest loaders and plugins. (PR #16447 by dzearing@microsoft.com)

8.0.0-beta.0

Fri, 23 Oct 2020 03:26:15 GMT Compare changes

Changes

7.0.12

Thu, 16 Apr 2020 04:01:45 GMT Compare changes

Patches

7.0.11

Wed, 25 Mar 2020 12:30:04 GMT

Patches

Patches

  • Replace OfficeDev/office-ui-fabric-react with microsoft/fluentui (elcraig@microsoft.com)

    7.0.5

    Fri, 17 Jan 2020 02:32:17 GMT

Patches

  • Update tslib minver to first version containing __spreadArrays helper due to changes in how TS emits spreads. (jagore@microsoft.com)

    7.0.4

    Fri, 23 Aug 2019 12:35:28 GMT

Patches

7.0.3

Wed, 17 Jul 2019 18:58:57 GMT

Patches

  • Adding @types/react and @types/react-dom to package.json that have peer dependencies on react and react-dom. (makotom@microsoft.com)

7.0.2

Fri, 14 Jun 2019 12:26:30 GMT

Patches

  • Fix missing assets in production build.

7.0.1

Thu, 13 Jun 2019 00:24:48 GMT

Patches

  • Initial release of Fabric 7

0.8.2

Tue, 14 May 2019 07:50:30 GMT

Patches

  • Update Fabric assets link

0.8.1

Tue, 02 Apr 2019 00:38:15 GMT

Patches

  • Use ^ ranges instead of >=

0.8.0

Fri, 15 Mar 2019 12:34:07 GMT

Minor changes

  • Add index file

Patches

  • Remove unneeded version file

0.7.4

Mon, 08 Oct 2018 12:24:15 GMT

Patches

  • Moving tslint/prettier dependencies

0.7.3

Fri, 21 Sep 2018 14:25:46 GMT

Patches

  • Adding a version stamp file

0.7.2

Tue, 14 Aug 2018 10:27:33 GMT

Patches

  • exposing codepen examples, disabling codepen tasks in packages != ouifr

0.7.1

Mon, 16 Jul 2018 10:27:18 GMT

Patches

  • Use var instead of const in the ui fabric plugin to make it compatible with Safari 9

0.7.0

Fri, 06 Jul 2018 19:07:51 GMT

Minor changes

  • Addes a manifest service plugin

0.6.0

Mon, 02 Jul 2018 20:41:48 GMT

Minor changes

  • Add Callout to the list of components that can be lazy loaded to reduce bundle sizes

0.5.0

Mon, 02 Jul 2018 10:21:36 GMT

Minor changes

  • replaced await with promise so this async loader is more IE compatible

0.4.0

Thu, 14 Jun 2018 20:52:57 GMT

Minor changes

  • Adding useful fabricAsyncLoader options to make it more flexible

0.0.1

Fri, 08 Jun 2018 18:34:17 GMT

Initial release