웹팩가 장착 난 웹팩 처음 장착 글로벌 NPM - 설치 후 처음 설치 g을 불필요하게 후에 내가 카탈로그 웹팩 프로젝트 루트 NPM에서 실행 --save- dev에 종속성 프로젝트에 장착 된 PS를 = " DIST 디렉토리는 사용자 레벨 디렉토리에 직접 제품을 나타내는 구문 UL {이 처음 $ 리는 * 10}> 리튬이 빠른 구문입니다
기능은 4 단계는 각 색상의 라인을 설치 패키지는 초기화 파일 NPM 설명 - 자신의 것이다 노드의 y 새 버전 NPM을 내가 jQuery를이 JQ 목록에 의존하는 저장 설치가 E에 갔다 -S : \ vuekaifa \ LIB \ 05day- webpack- 인터레이스 색상> 이 디렉토리는 다음의 제품에 05day -webpack- 인터레이스 색상 디렉토리 == src 디렉토리 mian.js에서 파일 생성 src 디렉토리 아래의 src 디렉토리에서 "새로운 새로운 index.html을 파일을 src 디렉토리 생성 imgs 폴더와 JS를 폴더 05일 인터레이스 색상 디렉토리 -webpack- ==> 디렉토리 DIST를 작성 소개 소개 구문 파일 mian.js에 JQ 가져 ** **에서 그것은 모듈 ES6의 실시 예에 도입되는 'JQuery와'에서 수입 $로 1 경우에주의 먼저 알 수있는 입력 파일에서 찾기 등을 바탕으로 상위 디렉토리에 자신의 형제와 형제 디렉토리 디렉토리를 살펴 보는 것입니다 다운로드 jQuery를 내가 CNPM - S // 인터레이스 컬러 기능을 달성 $ ( 함수 () { $ ( "리 : 홀수".) CSS ( "배경", "레드" ) }) 는 $의 CONST를 쓴 경우 Node.js를에 = ( "jQuery를"필요 ) 가져 오기 ES6 때문에 이 $ 가져 오기에서 해결할 수 있도록 대만 고급 패키지는 방법을 브라우저를 안내하는 'JQuery와' 잘못된 보고서 가 변환을 자각 할 필요가있다, 그래서 웹팩
웹팩 구성 및 운영 웹팩
의 src에 다음과 같이 2 webpack.config.js 만들기 문서는 module.exports = { path.join (__이 dirname : 항목 './mian.js'), // 웹팩 팩 파일을 사용하여 입력 파일을 출력 { / / 출력 관련 구성 경로 : path.join ( '. / DIST'__ dirname이가), // 출력 디렉토리 (DIST)가 이동되는 패키지 파일을 지정 // 파일 이름 : "testindex.js를"// 지정된 패키지 좋은 파일 이름은 이름은 무엇입니까 } } 이 3 개 인덱스가 웹팩에 도입되었을 때 우리는 JS 컴파일 된 파일 <스크립트 SRC = "../ DIST / testindex.js"> </ SCRIPT> 4 실행 웹팩 변환 구문은 웹팩입니다. / 컴파일 된 파일 경로 ./ 새 파일이 명령 웹팩 실행 (초점)의 경로 웹팩.파일의 DIST에 ./dist/testindex.js는 testindex.js에 대한 컴파일되는 /src/mian.js
웹팩 문제 처리 할
JS 파일 간의 상호 의존성을 처리 할 웹팩
웹팩 JS 호환성 문제를 처리 할 수 ES5 ES6 구문 문법에로드 할 수
우리는 도입 JQuery와의 두 가지 방법을 볼 수 있습니다
CONST $의 =은 ( "JQuery와"필요 )
에서 수입 $ 'jQuery를'