• Webpack 5 ?? : Edition 5? ?? ??, ?? ? ?? ??? ? ?? ?? ?? ??? ?? ??? ???? ??? ????? ?? ??? ????. Webpack? ??? : ?? ?? ??? ????, ?? ??? ????, ? ?? ????? ???? ?? HTML ??? ???? ? ? ????? ??????. ?? ?? :
• ? ???? ??? CSS? ???? ?? ?? ??? ???? ?? ??? ???? ???? ???? WebPack? ?? ??? ??????? ? ??????. ?? ????? ???????. ?? ?? ?? ?? : ? ?? ??? ???? ?? JavaScript? ???? ??? ? ???? ???? ? ???? ?? ????? ???? ???? ?? ??? ?????.
? ??? ??????
• Webpack? ??? ?? ?? ?????. ?? ?????? Webpack? ?? ??? ???? ??? ???? ??? ???? ?????. ? ??? ?????? ?? ?? ?? ( ? ?)? ?? ??? ?? ???? ??? ?????. Webpack? ?? ??? ?? ???? ???? ???? ?????? ???? ?? ???? ??? ???? JavaScript ?? ? ?? ?? (?? ?? ??)? ???? ??? ??? ?????. "?????"? Webpack? ??? ???? ?? ? ? ?? ??? ???? ?? ??? ???? ??? ????? ?? ?????. ?? ?? HTML ??? ???? ? ????. ? ? ?? ?? : ??? ?? ???? ?? ? ?? ?? ?? ? ??? ???? ???????.
  ?? :
  • ?? ?? ? ?? ?? ??? ???? ???? ?? ???? ?????. ???? ?? ??? ?????? (????? ?????) ?? ??? ???? ?? ???? ?? ??? ???? ????? ?? ?????. ????? ??? ? ????? ? ? ?? ??? ?? ?? (?? ?? ??)? ??? ? ????. ?? : entry ??? ? ?? ??? ??? ??? ??? ???? ??? ?????. ? ??? ???? ?? ??? ./src/index.js?? ?? ?? ? ?? (? : ???)?
  ???. ?? ??? ?? ???? ?? ?? ??? ? ????.
  • ?? : ????? Webpack? JavaScript ? JSON ?? ? ?????. ?? ??? ??? ???? ??? ??? ???? ?? Webpack? ??? ?????. ??? ?? ???? ??? ?? ??? ???? ??? ???? ???? ?? ??? ??? ??? ?? ? ? ??????. ?? ?? ??? ?? ???? ???? JavaScript? ??? ????? ??? ???? ??? URL? ?? ? ? ????. ??? ???? JavaScript ???? ?? CSS ??? ??? ?? ????. ???? : ????? ??? ?? ? ??? ?? ??? ?????. ??? ?? ??, ?? ??? ? ??? ???? ???? ???? ?????. output ?? : ./dist/main.js ????? ?? ????? ??? ? ? ?? ??? ?? ??? ?????. ?? ?? ???? ??? ???? ?? ?? ?. WebPack? ???? ????? , ./dist ??
  ? ???? ??? ?? ? ? ????. ?? ?? Webpack? ? ??? ???? ?? ???? ??? ? ????. ?? ?? ???. ??? ?? ??? ??? ???? ??? ?????.
  • WebPack? ??? ?????? ??? ??????? HTML, CSS ? JavaScript ??? ???? ????. ?? ??, ??? ?? ?? ???? ??? ?? ????. ??? ???? Webpack ?? ???? ??? CSS ? JS ?? ? ??? ??????
  ??? ???? ?? ?????. ??, ?? ??? ? CSS ? JS ??? ??? ????? ?? ??? ? ??? ??? ???????.
  • ? ?? ??? ???? ?? Webpack? ??? ?????. ?? 4 ??? ???? Webpack? ???? ???? ???? ????? ?? ??? ???? ????. ??? ???? ?? ????? ?? ?? ? ???? ???? ??? ???? ? ?? ??? ???? ??

    ??? ???????. ? ??? ??? ?? ? ???? ?? ??? ?? ??? ???? ?? ? Webpack? ?? ??? ????? ?????. webpack.config.js ??? ??? ???? WebPack? ?? ??? ???? ??? ???? ??? ? ???? ?? ??? ?? ?????. ??? ???? ?? ? ??,? ????? ????? ?? ? ??? ? ???? ?? ?? ??? ?????. ?? ?? WebPack? ?? ????? ??? ??????? ? ? ??? ?? ?? ?? (?? ??)?? ??? ?????.

    ? ?? ??? ?? 5 : Webpack 5? 2020 ? 10 ?? ???????. ??? ?? ? ?? ?? ?? ?? ??? ?????. ?? ?? ??? ???? ?? ????? ?? ?? ??? ?????? ??????. ??, ?? ? ?? ???? ??? ????? ??? ???? :

    ???? ??? ???? ?? ??? ??????. ???? ?? ?? ??? ?? ??? ????? ?? ? ?? ??? ?? ? ????. ?? ??? ???????. Webpack 5?? ??? ? ?? ??? ??? ??? ?? ?? (??, ?? ??)? ???? ?? ???? ???? ????. ??, ?? ?? ID? ??? ??? ?? ?? ???? ???? ????? ?? ??? ???? ??? ????? ?????. Webpack 5??? ?? ???? ????? ??????. ? ?? ?? ???? ?? ???? ?? ?? ??? ???????. ??? ?? ?? ??? ?? ??? Webpack? ?? ?? ? ?? ??? ?? ???? ?? ? ? ????. Commonjs ?? ???? ?? ???? ?? CommonJS ??? ?? ? ? ????.

    ?? ?? Node.js ??? 6?? 10.13.0 (LTS)?? ??????.

    ?????? ???????. Webpack 4?? ? ?? ???? ?? ?? ??? ??????.

    ?? Node.js Polyfills? ??????. ?? ??? Webpack?? ? ?? Native Node.js ????? ? Polyfills? ?????. ?? ???, ???? ????? ?? ??? ?? ??????. ??? ??? Webpack 5? ??? ?? ??? ???? ???? ??? ?? ?? ??? ??? ???.
    ??? ???? WebPack 5? ???? ?? ??? ???? ?? ??? ??? ? ????. ?? ??? ?? ??? ?????. ?? ????? ?? ? ?? ??? ???? ????? ?? ??? ??? ??? ???? ?? ? ? ??? ?? ??? ?????.
    • ??? ??
    ???.
    • ? , ? ???? ??? ??? ?????.
    ??? :
    • ?? ??? ??? ??? ??? ??? ????. ??? ??? ??????.

      ?? ? ????? ??? ?????. ?? ?? ??? ????? ?????? :

      ???? ? ? ? ? ? ??? ??? ??????? (?? ? ?????) :

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

      ??? ????? Webpack? ?? ?? ???

      mkdir learn-webpack
      cd learn-webpack
      npm init -y

      ? ???? ?? ??? ? ?????. ??? ??? ??? ? Webpack??? ?? ??? ?? ??? ?? ?? ?? ??? ??? ??? ?? ????.

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

      ??????

      npm install webpack webpack-cli --save-dev

      ??? ??? ???.

      ?? ?????? ??? ?? ??? "hello, webpack!" src index.js <<> (?? ???? ?? ?? ??? ??? ???? ?? ??? ? ?? ? ??? ?????. ?? ???? ?? ???? ??????.) <<> html-webpack-plugin : console.log("Hello, Webpack!"); ????? ???? ???? ?? ??? ??? ?? ??? ???? ???? ???????. dev <<> ??? ?? ?? ? ?? : npm run dev? ???? ?? ?? ? ?? ???? ? ?? ??? ??? ??????.

      <<> ?? JavaScript? ES5? ?? : ./src/index.js ? ???? ? ???? ES6 ??? ES5 ?? ??? ?????. ./dist/main.js <<> ???? ??? : ? dev? ???? ? ???? CSS ??? ???? ?? ?? ??????. index.js <<> ??? ?? : ? ? 5? main.js ?? ??? ???? ??? ?? ???? ??????.

      <<> WebPack-Dev-Server? ???? ??? ??????? :

      dist? ???? ???? ??? ? ??? ??????. index.html <<> ?? ?? :

      <!DOCTYPE html>
      <html>
        <head>
          <meta charset="utf-8">
          <title>Getting Started With Webpack</title>
        </head>
        <body>
          <??>
        </body>
      </html>

      ? ???? ?? ????? ??????.
      ?? :

      ? ????? Webpack? ?? ?? ? ?????, ?? ?? ?? ??, ???? ? ??? ??? ?????. ?? ??? ?? ?? ?? ? ?? ?? ???? ???? ?? ????. WebPack FAQ (?? ??) :

      ? ?? ?? ?? ??? ???? WebPack?? ??? ???? ???? ??? ?? ?? ??? ???? ?? ?? ??? ????.
      • ?? ??? ?? ? ?? ???? ??? ?????? ?? ?? ??? ???? ? ???? ??? ??????. Webpack? CSS? ??? ?????? ??
      ? .
      • ? ?? ? ?? ?? (HMR)? ?????? ? ???? ??? ?? ??? ?? ???? ??? ???? ? ? ????. ? ? ???? ??? ??? ????? ??? ?????? ?? ??, ?? ???, ?? ??? ? webpack-merge
      ??? ?? ? ?? ???? ??? ??????
      • ?? ? ??. style-loader typeScript? ?? ? ?? ???? ??? ?????? css-loader ??
      ?? .
      • ???? ???? ?? ? ?? ???? ??? ?????? ??
      ??
      • (Webpack 5? ?? ??? ?????). React? ?? ? ?? ???? ??? ??????
      ?? JSX? ?????
      • ? ??? ? ????. ? ? ??? ????? ??? ?????? babel-loader ?
      ??? ???? ?? ??? ? ?? ???????.
      • ? ?? ???? ? ?? ???? ???? ? ?????? ????. ??? ??? ?? ???? ??????.

? ??? ? ?? ?? ??? ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!