window 에서 웹 팩 포장 을 시작 하 는 세 가지 방법 을 자세히 알 아 보 세 요.

웹 팩 이란 무엇 입 니까?
웹 팩 은 모듈 패키지 로 볼 수 있 습 니 다.프로젝트 구 조 를 분석 하고 자바 스 크 립 트 모듈 과 다른 브 라 우 저 에서 직접 실행 할 수 없 는 확장 언어(Scss,TypeScript 등)를 찾 아 브 라 우 저 에 적합 한 형식 으로 포장 하 는 것 입 니 다.
1.cmd 터미널 에서 npx webpack 명령 실행
2.package.json 파일 동급 에 webpack.config.js 파일 을 만 듭 니 다.내용 은 다음 과 같 습 니 다.

const path = require('path');

module.exports = {
 entry: './src/index.js',    //   
 output: {       //   
 filename: 'bundle.js',    //    
 path: path.resolve(__dirname, 'dist')  //     
 }
};

명령 을 집행 하 다.
3.package.json 스 크 립 트 수정

{
 "name": "webpack-demo",
 "version": "1.0.0",
 "description": "",
 "main": "index.js",
 "scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
+  "build": "webpack"       //         
 },
 "keywords": [],
 "author": "",
 "license": "ISC",
 "devDependencies": {
  "webpack": "^4.0.1",
  "webpack-cli": "^2.0.9",
  "lodash": "^4.17.5"
 }
 }

명령 을 집행 하 다.
결론:아래 와 같은 디 렉 터 리 를 만 들 고 index.html 를 열 면 Hello webpack 이 표 시 됩 니 다.

webpack-demo
|- package.json
|- webpack.config.js
|- /dist
 |- bundle.js
 |- index.html
|- /src
 |- index.js
|- /node_modules

총결산
위 에서 말 한 것 은 소 편 이 소개 한 window 에서 웹 팩 포장 을 시작 하 는 세 가지 방법 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 저 에 게 메 시 지 를 남 겨 주세요.소 편 은 제때에 답 해 드 리 겠 습 니 다!