crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added webpack chunk name to imported mdx docs. Fixed animation chunk name

Browse Source
This commit is contained in:
Piotr Janosz
2019-08-20 13:11:15 +02:00
committed by fabioberger
parent 2bde5f7034
commit af2b8dfde5
2 changed files with 5 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/website/ts/components/docs/animations/animation_loader.tsx
View File

@@ -11,16 +11,13 @@ interface IAnimationLoaderProps {
export const AnimationLoader: React.FC<IAnimationLoaderProps> = ({ name }) => {
const container = React.useRef(null);
React.useEffect(
() => {
void loadAnimationAsync(name);
},
[container.current, name],
);
React.useEffect(() => {
void loadAnimationAsync(name);
}, [container.current, name]);
const loadAnimationAsync = async (name: string) => {
try {
const animationData = await import(/* webpackChunkName: "[request]Animation" */ `./${name}.json`);
const animationData = await import(/* webpackChunkName: "animation/[request]" */ `./${name}.json`);
lottie.loadAnimation({
container: container.current, // the dom element that will contain the animation

2
packages/website/ts/pages/docs/page.tsx
View File

@@ -69,7 +69,7 @@ export const DocsPage: React.FC<IDocsPageProps> = props => {
const loadPageAsync = async (filePath: string) => {
try {
const component = await import(`mdx/${filePath}`);
const component = await import(/* webpackChunkName: "mdx/[request]" */ `mdx/${filePath}`);
setState({
...state,