Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Updating to webpack 5 #16447

Merged
merged 69 commits into from
Jan 27, 2021
Merged

Updating to webpack 5 #16447

merged 69 commits into from
Jan 27, 2021

Conversation

dzearing
Copy link
Member

This changelist updates all webpack references to 5, and updates all loaders and plugins to latest bits.

@dzearing dzearing changed the title Updating to webpack 5. Updating to webpack 5 Jan 12, 2021
apps/ssr-tests/webpack.config.js Outdated Show resolved Hide resolved
scripts/package.json Outdated Show resolved Hide resolved
scripts/package.json Outdated Show resolved Hide resolved
scripts/package.json Show resolved Hide resolved
scripts/storybook/webpack.config.js Outdated Show resolved Hide resolved
scripts/webpack/webpack.config.ts Outdated Show resolved Hide resolved
yarn.lock Outdated Show resolved Hide resolved
yarn.lock Show resolved Hide resolved
yarn.lock Outdated Show resolved Hide resolved
packages/web-components/package.json Outdated Show resolved Hide resolved
@size-auditor
Copy link

size-auditor bot commented Jan 12, 2021

Asset size changes

Project Bundle Baseline Size New Size Difference
office-ui-fabric-react fluentui-react-SelectableOption 1.256 kB  Deleted       BelowBaseline     -1.256 kB
office-ui-fabric-react fluentui-react-WindowProvider 1.722 kB  Deleted       BelowBaseline     -1.722 kB
office-ui-fabric-react keyboard-key 5.721 kB 1.978 kB BelowBaseline     -3.743 kB
office-ui-fabric-react react-compose 6.002 kB 255 bytes BelowBaseline     -5.747 kB
office-ui-fabric-react fluentui-react-DateTimeUtilities 5.927 kB  Deleted       BelowBaseline     -5.927 kB
office-ui-fabric-react fluentui-react-DragDrop 8.865 kB  Deleted       BelowBaseline     -8.865 kB
office-ui-fabric-react fluentui-react-Color 9.186 kB  Deleted       BelowBaseline     -9.186 kB
office-ui-fabric-react fluentui-react-Popup 11.648 kB  Deleted       BelowBaseline     -11.648 kB
office-ui-fabric-react fluentui-react-ThemeGenerator 12.447 kB  Deleted       BelowBaseline     -12.447 kB
office-ui-fabric-react fluentui-react-KeytipData 12.966 kB  Deleted       BelowBaseline     -12.966 kB
office-ui-fabric-react fluentui-react-ResizeGroup 13.714 kB  Deleted       BelowBaseline     -13.714 kB
office-ui-fabric-react fluentui-react-FocusTrapZone 15.526 kB  Deleted       BelowBaseline     -15.526 kB
office-ui-fabric-react fluentui-react-Autofill 15.715 kB  Deleted       BelowBaseline     -15.715 kB
office-ui-fabric-react fluentui-react-Divider 16.943 kB  Deleted       BelowBaseline     -16.943 kB
office-ui-fabric-react fluentui-react-Separator 18.428 kB  Deleted       BelowBaseline     -18.428 kB
office-ui-fabric-react fluentui-react-Positioning 19.529 kB  Deleted       BelowBaseline     -19.529 kB
office-ui-fabric-react fluentui-react-OverflowSet 29.717 kB  Deleted       BelowBaseline     -29.717 kB
office-ui-fabric-react fluentui-react-Sticky 33.086 kB  Deleted       BelowBaseline     -33.086 kB
office-ui-fabric-react fluentui-react-Text 36.649 kB  Deleted       BelowBaseline     -36.649 kB
office-ui-fabric-react fluentui-react-List 37.086 kB  Deleted       BelowBaseline     -37.086 kB
office-ui-fabric-react fluentui-react-Link 37.499 kB  Deleted       BelowBaseline     -37.499 kB
office-ui-fabric-react fluentui-react-Label 37.906 kB  Deleted       BelowBaseline     -37.906 kB
office-ui-fabric-react fluentui-react-Announced 37.979 kB  Deleted       BelowBaseline     -37.979 kB
office-ui-fabric-react fluentui-react-Selection 38.089 kB  Deleted       BelowBaseline     -38.089 kB
office-ui-fabric-react fluentui-react-ProgressIndicator 38.42 kB  Deleted       BelowBaseline     -38.42 kB
office-ui-fabric-react fluentui-react-Overlay 40.26 kB  Deleted       BelowBaseline     -40.26 kB
office-ui-fabric-react fluentui-react-Stack 40.272 kB  Deleted       BelowBaseline     -40.272 kB
office-ui-fabric-react fluentui-react-Spinner 41.159 kB  Deleted       BelowBaseline     -41.159 kB
office-ui-fabric-react fluentui-react-Fabric 41.695 kB  Deleted       BelowBaseline     -41.695 kB
office-ui-fabric-react fluentui-react-Toggle 44.509 kB  Deleted       BelowBaseline     -44.509 kB
office-ui-fabric-react fluentui-react-Image 45.225 kB  Deleted       BelowBaseline     -45.225 kB
office-ui-fabric-react fluentui-react-Layer 45.351 kB  Deleted       BelowBaseline     -45.351 kB
office-ui-fabric-react fluentui-react-Styling 45.68 kB  Deleted       BelowBaseline     -45.68 kB
office-ui-fabric-react fluentui-react-Shimmer 48.423 kB  Deleted       BelowBaseline     -48.423 kB
office-ui-fabric-react fluentui-react-Theme 48.798 kB  Deleted       BelowBaseline     -48.798 kB
office-ui-fabric-react fluentui-react-Icon 50.209 kB  Deleted       BelowBaseline     -50.209 kB
office-ui-fabric-react fluentui-react-Check 51.53 kB  Deleted       BelowBaseline     -51.53 kB
office-ui-fabric-react fluentui-react-Slider 53.287 kB  Deleted       BelowBaseline     -53.287 kB
office-ui-fabric-react fluentui-react-FocusZone 53.752 kB  Deleted       BelowBaseline     -53.752 kB
office-ui-fabric-react fluentui-react-ScrollablePane 54.75 kB  Deleted       BelowBaseline     -54.75 kB
office-ui-fabric-react fluentui-react-PersonaPresence 56.443 kB  Deleted       BelowBaseline     -56.443 kB
office-ui-fabric-react fluentui-react-ChoiceGroupOption 57.044 kB  Deleted       BelowBaseline     -57.044 kB
office-ui-fabric-react fluentui-react-Checkbox 57.253 kB  Deleted       BelowBaseline     -57.253 kB
office-ui-fabric-react fluentui-react-ChoiceGroup 61.123 kB  Deleted       BelowBaseline     -61.123 kB
office-ui-fabric-react fluentui-react-Icons 66.29 kB  Deleted       BelowBaseline     -66.29 kB
office-ui-fabric-react fluentui-react-ActivityItem 69.049 kB  Deleted       BelowBaseline     -69.049 kB
office-ui-fabric-react fluentui-react-PositioningContainer 69.081 kB  Deleted       BelowBaseline     -69.081 kB
office-ui-fabric-react fluentui-react-MarqueeSelection 69.881 kB  Deleted       BelowBaseline     -69.881 kB
office-ui-fabric-react fluentui-react-Utilities 70.025 kB  Deleted       BelowBaseline     -70.025 kB
office-ui-fabric-react fluentui-react-Keytip 75.193 kB  Deleted       BelowBaseline     -75.193 kB
office-ui-fabric-react fluentui-react-Rating 75.884 kB  Deleted       BelowBaseline     -75.884 kB
office-ui-fabric-react fluentui-react-TextField 77.632 kB  Deleted       BelowBaseline     -77.632 kB
office-ui-fabric-react fluentui-react-Callout 79.205 kB  Deleted       BelowBaseline     -79.205 kB
office-ui-fabric-react fluentui-react-Tooltip 80.143 kB  Deleted       BelowBaseline     -80.143 kB
office-ui-fabric-react fluentui-react-Coachmark 87.858 kB  Deleted       BelowBaseline     -87.858 kB
office-ui-fabric-react fluentui-react-ColorPicker 88.515 kB  Deleted       BelowBaseline     -88.515 kB
office-ui-fabric-react fluentui-react-Modal 90.247 kB  Deleted       BelowBaseline     -90.247 kB
office-ui-fabric-react fluentui-react-ExtendedPicker 91.054 kB  Deleted       BelowBaseline     -91.054 kB
office-ui-fabric-react fluentui-react-HoverCard 91.836 kB  Deleted       BelowBaseline     -91.836 kB
office-ui-fabric-react fluentui-react-KeytipLayer 95.617 kB  Deleted       BelowBaseline     -95.617 kB
office-ui-fabric-react fluentui-react-WeeklyDayPicker 96.961 kB  Deleted       BelowBaseline     -96.961 kB
office-ui-fabric-react fluentui-react-Keytips 98.615 kB  Deleted       BelowBaseline     -98.615 kB
office-ui-fabric-react fluentui-react-Persona 106.809 kB  Deleted       BelowBaseline     -106.809 kB
office-ui-fabric-react fluentui-react-PersonaCoin 106.809 kB  Deleted       BelowBaseline     -106.809 kB
office-ui-fabric-react fluentui-react-Calendar 115.534 kB  Deleted       BelowBaseline     -115.534 kB
office-ui-fabric-react fluentui-react-GroupedList 120.743 kB  Deleted       BelowBaseline     -120.743 kB
office-ui-fabric-react fluentui-react-ContextualMenu 146.614 kB  Deleted       BelowBaseline     -146.614 kB
office-ui-fabric-react fluentui-react-Grid 170.18 kB  Deleted       BelowBaseline     -170.18 kB
office-ui-fabric-react fluentui-react-DatePicker 171.127 kB  Deleted       BelowBaseline     -171.127 kB
office-ui-fabric-react fluentui-react-SearchBox 176.534 kB  Deleted       BelowBaseline     -176.534 kB
office-ui-fabric-react fluentui-react-MessageBar 177.472 kB  Deleted       BelowBaseline     -177.472 kB
office-ui-fabric-react fluentui-react-Pivot 178.04 kB  Deleted       BelowBaseline     -178.04 kB
office-ui-fabric-react fluentui-react-Nav 178.151 kB  Deleted       BelowBaseline     -178.151 kB
office-ui-fabric-react fluentui-react-SwatchColorPicker 179.693 kB  Deleted       BelowBaseline     -179.693 kB
office-ui-fabric-react fluentui-react-SpinButton 180.626 kB  Deleted       BelowBaseline     -180.626 kB
office-ui-fabric-react fluentui-react-Button 183.598 kB  Deleted       BelowBaseline     -183.598 kB
office-ui-fabric-react fluentui-react-Breadcrumb 188.226 kB  Deleted       BelowBaseline     -188.226 kB
office-ui-fabric-react fluentui-react-Panel 189.248 kB  Deleted       BelowBaseline     -189.248 kB
office-ui-fabric-react fluentui-react-CommandBar 189.797 kB  Deleted       BelowBaseline     -189.797 kB
office-ui-fabric-react fluentui-react-TeachingBubble 193.455 kB  Deleted       BelowBaseline     -193.455 kB
office-ui-fabric-react fluentui-react-Dialog 198.532 kB  Deleted       BelowBaseline     -198.532 kB
office-ui-fabric-react fluentui-react-Facepile 198.586 kB  Deleted       BelowBaseline     -198.586 kB
office-ui-fabric-react fluentui-react-DocumentCard 203.835 kB  Deleted       BelowBaseline     -203.835 kB
office-ui-fabric-react fluentui-react-DetailsList 211.198 kB  Deleted       BelowBaseline     -211.198 kB
office-ui-fabric-react fluentui-react-SelectedItemsList 217.914 kB  Deleted       BelowBaseline     -217.914 kB
office-ui-fabric-react fluentui-react-Dropdown 220.043 kB  Deleted       BelowBaseline     -220.043 kB
office-ui-fabric-react fluentui-react-ShimmeredDetailsList 221.509 kB  Deleted       BelowBaseline     -221.509 kB
office-ui-fabric-react fluentui-react-FloatingPicker 228.73 kB  Deleted       BelowBaseline     -228.73 kB
office-ui-fabric-react fluentui-react-ComboBox 234.119 kB  Deleted       BelowBaseline     -234.119 kB
office-ui-fabric-react fluentui-react-Pickers 271.767 kB  Deleted       BelowBaseline     -271.767 kB

ExceedsTolerance Over Tolerance (1024 B) ExceedsBaseline Over Baseline BelowBaseline Below Baseline New New Deleted  Removed 1 kB = 1000 B

Baseline commit: 540e928dec12666f9d13d30d1ab9000b77b33a14 (build)

@codesandbox-ci
Copy link

codesandbox-ci bot commented Jan 12, 2021

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 4f9cb3c:

Sandbox Source
Fluent UI Button Configuration
codesandbox-react-template Configuration
codesandbox-react-northstar-template Configuration

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-image@v0.6.19-15 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-icons-mdl2@v1.0.0-beta.12 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-flex@v0.2.2-15 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/style-utilities@v8.0.0-beta.13 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-docsite-components@v8.0.0-beta.44 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-compose@v1.0.0-beta.11 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react@v8.0.0-beta.44 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-monaco-editor@v1.0.0-beta.43 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-link@v1.0.0-beta.36 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/eslint-plugin@v1.0.0-beta.1 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-toggle@v1.0.0-beta.36 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-hooks@v8.0.0-beta.10 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-focus@v8.0.0-beta.16 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-file-type-icons@v8.0.0-beta.15 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-tabs@v1.0.0-beta.37 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-cards@v1.0.0-beta.43 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-slider@v1.0.0-beta.36 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-avatar@v0.8.2-17 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/date-time-utilities@v8.0.0-beta.2 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-experiments@v8.0.0-beta.47 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-date-time@v8.0.0-beta.36 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-checkbox@v1.0.0-beta.37 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-button@v1.0.0-beta.24 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-internal@v8.0.0-beta.38 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-charting@v5.0.0-beta.44 has been released which incorporates this pull request.:tada:

Handy links:

@layershifter
Copy link
Member

The warning caused by prettier as @layershifter mentioned above is caused by:

prettier/prettier#6903

Seems that typescript try/catches importing etw perf logging, and prettier reports it. I think. But the issue seems to repro in master as well.

@dzearing will be fixed in #16785.

msft-fluent-ui-bot pushed a commit that referenced this pull request Mar 2, 2021
#### Pull request checklist

- [x] Addresses an existing issue: Fixes #17208, fixes #17213

#### Description of changes

The webpack 5 change #16447 broke bundles in production builds because the webpack CLI arg for turning on production mode has changed from `--production` to `--mode=production`. This was causing a build error, but it didn't cause the release build to fail because `scripts/runPublished.js` wasn't appropriately handling the exit code.

This PR fixes both issues, and switches the publish build/bundle to run using lage rather than lerna for consistency.
joshualamusga1 pushed a commit to joshualamusga1/fluentui that referenced this pull request Mar 25, 2021
#### Pull request checklist

- [x] Addresses an existing issue: Fixes microsoft#17208, fixes microsoft#17213

#### Description of changes

The webpack 5 change microsoft#16447 broke bundles in production builds because the webpack CLI arg for turning on production mode has changed from `--production` to `--mode=production`. This was causing a build error, but it didn't cause the release build to fail because `scripts/runPublished.js` wasn't appropriately handling the exit code.

This PR fixes both issues, and switches the publish build/bundle to run using lage rather than lerna for consistency.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet