Merge sync 785589b

.github/workflows/deploy.yml

@@ -15,10 +15,10 @@ jobs:
         node-version: [16.x]
     runs-on: ${{ matrix.os }}
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
 
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node-version }}
           cache: yarn
@@ -31,7 +31,7 @@ jobs:
       - run: yarn lint:links
 
       - name: Deploy
-        uses: JamesIves/github-pages-deploy-action@4.1.8
+        uses: JamesIves/github-pages-deploy-action@v4.2.5
         with:
           token: ${{ secrets.GITHUB_TOKEN }}
           branch: gh-pages

.github/workflows/testing.yml

@@ -12,10 +12,10 @@ jobs:
         node-version: [16.x]
     runs-on: ${{ matrix.os }}
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
 
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node-version }}
           cache: yarn
@@ -31,7 +31,7 @@ jobs:
         os: [ubuntu-latest]
     runs-on: ${{ matrix.os }}
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
 
       - name: Vale
         uses: errata-ai/vale-action@v1.4.2
@@ -48,10 +48,10 @@ jobs:
         node-version: [16.x]
     runs-on: ${{ matrix.os }}
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
 
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node-version }}
           cache: yarn
@@ -72,10 +72,10 @@ jobs:
         node-version: [16.x]
     runs-on: ${{ matrix.os }}
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
 
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node-version }}
           cache: yarn

package.json

@@ -71,31 +71,31 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "^7.17.5",
+    "@babel/core": "^7.17.8",
     "@babel/eslint-parser": "^7.17.0",
     "@babel/plugin-proposal-class-properties": "^7.16.7",
     "@babel/preset-env": "^7.16.11",
     "@babel/preset-react": "^7.16.7",
     "@mdx-js/loader": "^2.0.0-next.9",
     "@octokit/auth-action": "^1.3.3",
     "@octokit/rest": "^18.12.0",
-    "@parcel/css": "^1.6.0",
+    "@parcel/css": "^1.7.2",
     "@pmmmwh/react-refresh-webpack-plugin": "next",
     "@svgr/webpack": "^6.2.1",
-    "autoprefixer": "^10.4.2",
-    "babel-loader": "^8.2.3",
+    "autoprefixer": "^10.4.4",
+    "babel-loader": "^8.2.4",
     "copy-webpack-plugin": "^10.2.4",
     "css-loader": "^6.7.1",
     "css-minimizer-webpack-plugin": "^3.4.1",
-    "cypress": "^9.5.1",
+    "cypress": "^9.5.3",
     "directory-tree": "^3.2.2",
     "directory-tree-webpack-plugin": "^1.0.3",
     "duplexer": "^0.1.1",
-    "eslint": "^8.10.0",
+    "eslint": "^8.12.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-cypress": "^2.12.1",
-    "eslint-plugin-mdx": "^1.16.0",
-    "eslint-plugin-react": "^7.29.3",
+    "eslint-plugin-mdx": "^1.17.0",
+    "eslint-plugin-react": "^7.29.4",
     "eslint-plugin-react-hooks": "^4.3.0",
     "front-matter": "^4.0.2",
     "github-slugger": "^1.4.0",
@@ -104,20 +104,20 @@
     "husky": "^7.0.4",
     "hyperlink": "^5.0.4",
     "jest": "^27.5.1",
-    "lint-staged": "^12.3.5",
+    "lint-staged": "^12.3.7",
     "lodash": "^4.17.21",
     "markdownlint": "^0.25.1",
     "markdownlint-cli": "^0.31.1",
     "mdast-util-to-string": "^3.1.0",
     "mini-css-extract-plugin": "^2.6.0",
     "mkdirp": "^1.0.4",
     "modularscale-sass": "^3.0.3",
-    "node-fetch": "^3.2.2",
+    "node-fetch": "^3.2.3",
     "npm-run-all": "^4.1.1",
-    "postcss": "^8.4.8",
+    "postcss": "^8.4.12",
     "postcss-loader": "^6.2.1",
-    "prettier": "^2.5.1",
-    "react-refresh": "^0.11.0",
+    "prettier": "^2.6.1",
+    "react-refresh": "^0.12.0",
     "redirect-webpack-plugin": "^1.0.0",
     "remark": "^14.0.2",
     "remark-autolink-headings": "7.0.1",
@@ -143,7 +143,7 @@
     "webpack-cli": "^4.9.2",
     "webpack-dev-server": "^4.7.4",
     "webpack-merge": "^5.8.0",
-    "workbox-webpack-plugin": "^6.5.1"
+    "workbox-webpack-plugin": "^6.5.2"
   },
   "dependencies": {
     "@docsearch/react": "^3.0.0-alpha.50",
@@ -159,7 +159,7 @@
     "react-visibility-sensor": "^5.0.2",
     "webpack-pwa-manifest": "^4.3.0",
     "webpack.vote": "https://github.com/webpack/voting-app.git",
-    "workbox-window": "^6.5.1"
+    "workbox-window": "^6.5.2"
   },
   "resolutions": {
     "sitemap-static/minimist": "1.2.5",

src/components/Page/Page.jsx

@@ -97,6 +97,15 @@ export default function Page(props) {
       <Markdown>
         <h1>{title}</h1>
 
+        {rest.thirdParty ? (
+          <div className="italic my-[20px]">
+            <strong className="font-bold">면책 사항:</strong> {title} 은/는
+            커뮤니티 구성원에 의해 유지되는 서드파티 패키지로 webpack과 동일한
+            지원, 보안 정책 또는 라이선스가 없을 수 있으며 webpack에 의해 관리
+            및 유지되지 않습니다.
+          </div>
+        ) : null}
+
         {contentRender}
 
         {loadRelated && (

src/components/Support/Support.jsx

@@ -85,7 +85,7 @@ function formatMoney(number) {
   let str = Math.round(number) + '';
 
   if (str.length > 3) {
-    str = str.substr(0, str.length - 3) + ',' + str.substr(-3);
+    str = str.slice(0, -3) + ',' + str.slice(-3);
   }
   return str;
 }

src/content/concepts/module-federation.mdx

@@ -45,7 +45,7 @@ related:
 특정 모듈에 대한 비동기 접근을 노출하는 컨테이너 엔트리를 통해 컨테이너가 생성됩니다. 노출된 접근은 두 단계로 구분됩니다.
 
 1. 모듈 로드(비동기)
-2. 모듈 평가(비동기)
+2. 모듈 평가(동기)
 
 1단계는 청크 로드 중에 수행됩니다. 2단계는 다른 로컬 및 원격 모듈과 인터리브된 모듈 평가 중에 수행됩니다. 이렇게 하면, 모듈을 로컬에서 원격으로 또는 그 반대로 변환해도 평가 순서가 영향을 받지 않습니다.
 

src/content/configuration/output.mdx

@@ -476,7 +476,7 @@ module.exports = {
 
 이 옵션은 각 출력 번들의 이름을 결정합니다. 번들은 [`output.path`](#outputpath) 옵션으로 지정된 디렉터리에 작성됩니다.
 
-단일 [`entry`](/configuration/entry-context/#entry) 지점의 경우 정적인 이름으로 설정할 수 있습니다.
+단일 [`엔트리`](/configuration/entry-context/#entry) 포인트의 경우 정적인 이름으로 설정할 수 있습니다.
 
 **webpack.config.js**
 
@@ -658,10 +658,12 @@ T> 일부 컨텍스트에서 프로퍼티는 원시 값 대신 JavaScript 코드
 
 ## output.globalObject
 
-`string = 'window'`
+`string = 'self'`
 
 라이브러리를 대상으로 할 때, 특히 `libraryTarget`이 `'umd'`인 경우 이 옵션은 라이브러리를 마운트하는 데 사용할 전역 객체를 나타냅니다. UMD빌드를 브라우저와 Node.js에서 모두 사용할 수 있도록 하려면 `output.globalObject`를 `'this'`로 설정하세요. 웹과 유사한 대상의 경우 기본값은 `self`입니다.
 
+엔트리 포인트의 반환 값은 `output.library.name` 값을 사용하여 전역 객체에 할당됩니다. `target` 옵션의 값에 따라 전역 객체가 각각 저마다 변경될 수 있습니다. (예: `self`, `global`, `globalThis`)
+
 예제:
 
 **webpack.config.js**

src/content/migrate/5.mdx

@@ -66,6 +66,7 @@ webpack 5는 이제는 사용되지 않는 기능을 모두 제거하므로 계
 - `optimization.noEmitOnErrors: false` → `optimization.emitOnErrors: true`
 - `optimization.occurrenceOrder: true` → `optimization: { chunkIds: 'total-size', moduleIds: 'size' }`
 - `optimization.splitChunks.cacheGroups.vendors` → `optimization.splitChunks.cacheGroups.defaultVendors`
+- `optimization.splitChunks.cacheGroups.test(module, chunks)` → `optimization.splitChunks.cacheGroups.test(module, { chunkGraph, moduleGraph })`
 - `Compilation.entries` → `Compilation.entryDependencies`
 - `serve` → [`DevServer`](/configuration/dev-server/)를 위해 `serve`가 제거되었습니다.
 - [`Rule.query`](/configuration/module/#ruleoptions--rulequery) (v3부터 사용 중단됨) → `Rule.options`/`UseEntry.options`

src/remark-plugins/remark-custom-asides/index.mjs

@@ -20,7 +20,7 @@ export default function customAsides(
       if (!textNode) return;
 
       // looking for mapping in the beginning
-      const className = mapping[textNode.substr(0, 2)];
+      const className = mapping[textNode.slice(0, 2)];
       // >This is a joke <- ignore this
       // >T hi there
       const hasPostfixWhitespace = textNode.indexOf(' ') === 2;

src/utilities/fetch-package-readmes.mjs

@@ -67,13 +67,15 @@ async function main() {
           source: url,
           edit: editUrl,
           repo: htmlUrl,
+          thirdParty: true
         });
       } else {
         let basic = {
           title: title,
           source: url,
           edit: editUrl,
           repo: htmlUrl,
+          thirdParty: true
         };
 
         if (loaderGroup[packageName]) {

tailwind.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   mode: 'jit',
-  purge: ['./src/components/**/*.{js,jsx}'],
+  content: ['./src/components/**/*.{js,jsx}'],
   darkMode: 'class', // or 'media' or 'class'
   theme: {
     screens: {