노드 + 웹팩 프로젝트 배포 패키지 설치 및 웹팩의 사용

웹팩 설치 :

웹팩은 nodejs의 설치를 보장하기 때문에 사전에 개발 nodejs를 기반으로

A, 노드 설치

1, Node.js를 공식 웹 사이트 : https://nodejs.org/en/download/

다운로드 다음 단계를 설치를위한 다음 단계를 완료

그리고 승리 + R → cmd를 →

성공적인 설치, 설치가 성공 여부를 테스트 각각 CMD를 실행하고 입력 노드 -v NPM -v 별도의 노드와 NPM 버전 번호를보기

도 시스템 디렉토리에 도시 된 바와 같이 설치를 완료 한 후에 (여기서, 설치 프로그램이 자동으로 NPM 설치되어,이 효과는 패키지 관리되는 Node.js에 의존)

두, 웹팩 설치

글로벌 설치 : 웹팩-CLI -g를 설치 NPM.

D : 1, 예컨대 로컬 프로젝트를 작성할 \ HbuilderX \ 테스트

CLI를 버전을 보려면 -v 2, 웹팩 -v보기 웹팩 버전 웹팩-CLI

몇 가지 정보를 입력하라는 메시지가 3, 프로젝트 폴더에 CD가 프로젝트를 초기화 초기화 명령 NPM을 사용하면 다음 프로젝트의 루트 디렉토리에 프로파일을 패키지로 package.js 문서를 생성, 스킵 기본값을 나타냅니다 입력 기입하지

4, NPM 설치 node_modules를 설치, 프로젝트에 디렉토리에 종속 파일을 nodejs

5, 설치 NPM 경우 생성이 0을 반환 실패, 다음 NPM의 사용은 명시 적 지침을 설치

세, 웹팩 간단하고 실용적인 방법

오기 내보내기 JS 방법 기반 commonJS

방법 파일 JS : common.js를

function test(){
    console.log('webpack-test')
}

module.exports = {

    test

}

//or或者

exports {

    test

}

입력 파일 JS :하는 index.js

넷째, 포장 시작

npm5.2 다음, 직접 NPX 웹팩을 사용할 수 있습니다

같은 새 개체 또는 package.json 파일 "스크립트":

"script": {
       "build":  "webpack",  //打包
       "serve":  "webpack dev server" //创建本地服务
}