WordPress ??? ?? ?? ??? ???????? ? ??? ??? ? ?? ?? ? ???? ?? Markdown? ???? ??? ?? ??? ?? ???.

React ?? ??? HTML? ??? ? ??? ?? ? ??? ???? ??? ?? ??? ????? ????? ??? ? ? ????. ? ??? ??? ??? ???? ?? ???? ??? ????.

 const cachecontroldescription = () => {
  ?? (
    <p>?? ?? ???? ??? ??? ?? ??/???? ?? ?? ?? ?? ????? <code>no-store if the max-age is 0</code>
  ))
}</p>

Markdown? ? ??? ???? ?????. ?? Markdown ?? ( /docs/cache-control.md )?? ???? ? ? ????.

 ?? ?? ???? ??? ??? ?? ??/???? ?? ?? ?? ?? ????? ?? ??? 0 ? ?? 'No-Store'? ?????.

Markdown vs. HTML : ??? ??

Markdown? ????? ?????? POT ??? ???? ?? ?? ? ??? React ?? ??? ?? ?? ??? ??? ?????. ???? ?? ???? ?? ??? ??? ????. ? ??? ? ?? ?? ??? ???? ?? ??????.

1. WordPress ??? ?? ??? ?????? Markdown ??.
2. ???? ??? ???? ?? ?? ??.

?? ?? ?????

/docs/cache-control.md ??? HTML-Converted ???? ???? ??? ? ? ????.

 '../docs/cache-control.md'?? Cachecontroldocumentation ?? ??;

const cachecontroldescription = () => {
  ?? (
    <div dangerouslysetinnerhtml="{{" __html: cachecontroldocumentation></div>
  );
}

??? WordPress ???? ?? ?? Bundler (?? 4.42) ? Webpack? ?????. Markdown ? HTML ??? ???? ?? WebPack? ??? ??? ?? ? ????.

??? ???? webpack.config.js ??????.

 const defaultConfig = require ( '@wordpress/scripts/config/webpack.config');

module.exports = {
  ... DefaultConfig,
  ?? : {
    ... defaultConfig.Module,
    ?? : [
      ... defaultConfig.Module.rules,
      {
        ??? : /\.md$/,
        ??: [
          {?? : "html-loader"},
          {?? : "Markdown-Loader"}
        ]]
      }
    ],,
  },
};

??? ??? ?? :

 NPM ??--Save Dev Markdown-Loader HTML-Loader

?? ? ??? ?? Webpack Alias ??( @docs /docs ????)? ??????.

 const path = ?? ( '??');
config.resolve.alias [ '@docs'] = path.resolve (process.cwd (), 'docs/');

?? ?? ?? ??? :

 '@docs/cache-control.md'?? Cachecontroldocumentation ?? ??;

??? ???

?? ?? ?? ??? ???? ???? ?? ??? ?? ?? ??? ????.

• /docs/en/cache-control.md
• /docs/fr/cache-control.md
• /docs/zh/cache-control.md ?

? ???? ?? ??? ?? (? : /docs/en_US/cache-control.md )? ?? ? ? ??????.

??? ?? ??

???? ??? get_locale() ???? ???? ?? ??? ???? ?? ?? ?????.

 ?? get_locale_language () : String {
  $ localeparts = Explode ( '_', get_locale ());
  Return $ LocalEparts [0];
}

? ?? ??? wp_localize_script() ? ?? ???? ?????.

 wp_locaite_script (
  $ blockscriptRegistrationName,
  'GraphQlapicacheControl',
  [? ?
    'userLang'=> get_locale_language (),
  ]]
);

?? block?? window.graphqlApiCacheControl.userLang ?? ??? ? ? ????.

?? ??

???? ??? ????? ??? ???? ?? ?? ??? ?????.

 const lang = window.graphqlapicachecontrol.userlang;
import (`@docs/$ {lang}/cache-control.md`). (module => {
  // ...
});

??? obj.default ? ?? ??????.

 CONT CACHECONTROLCONTENT = import (`@docs/$ {lang}/cache-control.md`) .then (obj => obj.default);

??? getMarkdownContent ??? ??????.

 const getMarkdownContent = (filename, lang) => {
  return import (/ * WebPackChunkName : "docs/[request]" */`@docs/$ {lang}/$ {filename} .md`)
    . (obj => obj.default);
};

/* webpackChunkName: "docs/[request]" */ ??? ???? ?? ??? ?????.

?? ?? ?????

publicPath ? Webpack? ?????? ? ??? ?? ? ?????. ?? ?? ??, ?? ??? ?? ????? ???? ?? ? ? ????. ? ???? ??? ?? ???????.

 $ blockpublicpath = plugin_dir_url (__ file__). '/??/?? ??/??/';
wp_locaite_script (
  $ blockscriptRegistrationName,
  'GraphQlapicacheControl',
  [? ?
    // ...
    'publicpath'=> $ blockpublicpath,
  ]]
);

?? ?? JavaScript ?? ??????.

 __webpack_public_path__ = wind

?? ?? ??

?? ????? ?? ? ??? ?????.

 const getMarkdownContEntorUsedEfault = (filename, defaultlang, lang) => {
  return getMarkdownContent (Filename, Lang)
    .catch (err => getMarkdownContent (filename, defaultLang));
};

??? ??

????? ?? ?? ???? ??? ?????.

 '@wordpress/element'?? {usestate, useeffect} import;
// ... ?? ??

CONT CACHECONTROLCONTENTMODAL = (props) => {
  // ...
  const [page, setpage] = usestate ([]);

  useeffect (() => {
    getMarkdownContentOrusedEfault (filename, defaultlang, lang). then (value => {
      setPage (?);
    });
  }, []);

  ?? (
    <contentmodal content="{page}"></contentmodal>
  );
};

? ???? WordPress ??? ??? ???? ?? ?? ???? ??? ? ??? ???? ?????.

? ??? WordPress ?? ????? Markdown ? ??? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!