@uifabric/webpack-utils
v0.7.0Fluent 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 @uifabric/webpack-utils
or
yarn add -D @uifabric/webpack-utils
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('@uifabric/webpack-utils/lib/fabricAsyncLoaderInclude'),
loader: '@uifabric/webpack-utils/lib/fabricAsyncLoader.js',
options: {
...
}
},
...
}
};
Loader Options (Webpack 4 only)
chunkName
: the generated file name will be based on this settingprefetch
: translates to the webpackPrefetch magic commentpreload
: 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
npm i @uifabric/[email protected]
Metadata
- MIT
- Whatever
- Unknown
- released 7/6/2018