Grunt의wiredep 작업 설정 설명 문서

1514 단어
Automatically inject Bower components into the HTML file
Bower의 구성 요소를 HTML 파일에 자동으로 주입
하면, 만약, 만약...
bower install jquery --save
bower install sea.js --save

설치 후 bower에 있습니다.json 파일에서 보기
{
  "name": "framework-demo",
  "private": true,
  "dependencies": {
    "jquery": "~2.1.4",
    "jquery-ui": "~1.11.4",
    "knockout": "^3.3.0",
    "seajs": "^3.0.0"
  }
}

Gruntfile.js 파일에 wirdep Task 구성
  wiredep: {
      app: {
        src: ['<%= config.app %>/index.html'],
        ignorePath: /^(\.\.\/)*\.\./
      }
    }

grunt wiredep 명령 실행
index에서.html 파일은 기본dependencies 의존 중인 구성 요소를 아래 탭에 자동으로 주입합니다.
 <!-- bower:js -->
    <script src="/bower_components/jquery/dist/jquery.js"></script>
    <script src="/bower_components/jquery-ui/jquery-ui.js"></script>
    <script src="/bower_components/knockout/dist/knockout.js"></script>
    <script src="/bower_components/seajs/dist/sea.js"></script> 
<!-- endbower --> 

wiredep의 옵션의 매개 변수
devDependencies: 개발판의 의존 구성 요소 주입;
dependencies: 의존 구성 요소 주입하기;
directory: 'the directory of your Bower packages.' bower 패키지를 저장하는 디렉터리입니다. 이 디렉터리는 '입니다.bowerrc'파일의.directory

좋은 웹페이지 즐겨찾기