Grunt 사용 인스턴스

Grunt는 Node를 기반으로 합니다.js, JS로 개발하면 Node를 빌릴 수 있습니다.js는 크로스 시스템 크로스 플랫폼의 데스크톱 쪽 조작, 예를 들어 파일 조작 등을 실현한다.또한 Grunt와 플러그인들은 하나의 패키지로 NPM 설치로 관리할 수 있습니다.그래서 NPM이 생성한 패키지.json 프로젝트 파일, 현재 프로젝트에 사용된 Grunt 플러그인을 기록할 수 있으며, Grunt는 Gruntfile을 호출합니다.js 이 파일은 안의 작업 (task) 을 분석하고 해당하는 동작을 수행합니다.
Grunt-cli 설치
사실은 Grunt-cli를 설치합니다. 여기에는 Grunt의 명령행 지원(command line interface, 약칭 CLI)을 설치하고 그 다음에 명령 프롬프트에서 grunt 명령을 인식합니다.grunt-cli 설치를 Grunt 설치 완료라고 할 수 없습니다.Grunt 자체가 전역적으로 사용되지 않기 때문에 구체적인 작업 디렉터리는 Grunt를 사용하려면 Grunt를 한 번 설치해야 한다.이렇게 하는 것도 작업 디렉터리가 다르기 때문에 Grunt를 통해 해야 하는 자동화 작업도 다르기 때문에 독립적으로 설정해야 한다.

npm install -g grunt-cli

-save-dev 매개 변수, 방금 설치한 물건을 패키지에 추가할 것을 표시합니다.json 파일에서
패키지를 생성합니다.json 파일
npm에서 작업 디렉터리에 대한 요구가 있습니다.이 요구 사항은: 루트 디렉터리 위치에 패키지가 있습니다.json 파일.이 파일은 작업 디렉터리에 대응하는 항목 정보 (이름, 설명), 패키지 (npm 모듈) 의존 관계를 정의합니다.다음 명령을 실행하면 초기화할 수 있습니다

npm init

현재 작업 디렉토리에 Grunt 및 필요한 플러그인 설치

방법1

Grunt를 글로벌 디렉토리에 설치한 후 현재 프로젝트 경로로 가져와야 하며 필요한 플러그인은 다음과 같습니다.

병합 파일:grunt-contrib-concat

문법 검사:grunt-contrib-jshint

Scss 컴파일:grunt-contrib-sass

압축 파일:grunt-contrib-uglify

감청 파일 변동:grunt-contrib-watch

로컬 서버 구축:grunt-contrib-connect

설치 방법은 다음과 같습니다.

npm install --save-dev grunt
npm install  --save-dev   1   2   3

이때 package.json 폴더에 코드가 좀 더 나왔다.

  "devDependencies": {
    "grunt": "0.4.1"
  },

방법2 - 수동으로 패키지를 변경합니다.json

"devDependencies": {
　　"grunt": "~0.4.1",
　　"grunt-contrib-cssmin": "~0.7.0"
　}

수동으로 package.json 파일에 이 필드를 추가하고 의존해야 하는 가방을 추가합니다. 최신 버전만 설치하면 ****로 변경하고 npm install를 실행하면 폴더에 node_modules 폴더가 많아지고 그 안에 우리가 필요로 하는 플러그인이 저장되어 있습니다.
Gruntfile.js 파일
이 문장을 구체적으로 보아라http://www.jianshu.com/p/78d556cd621c
플러그인 구성 영역
이것은 플러그인이 실행할 작업을 어떻게 하는지 json 문법으로 구체적으로 설정하는 것입니다.상세한 설정은 홈페이지 설정 설명을 보십시오.
사용하기 시작하다
입력grunt 만 하면 모든 것을 자동으로 완성할 수 있습니다.
타오바오 미러 가속 사용
사이트 주소:http://npm.taobao.org/
구성 정보 보기

npm config list ls -l

타오바오 미러를 사용한 후 .cnpmrc 파일을 구성해야 합니다.

prefix=D:
odejs
ode global
cache=D:
odejs
ode cache

이런 말 추가.
프롬프트

글로벌 디렉토리에 플러그인이 이미 있으면 설치를 강제로 덮어쓰지 마십시오. 문제가 발생할 수 있습니다(쓰기가 불가능).