그란트 변경 index.html 참조

Question

그립을 사용하면 html 파일 내의 참조를 변경할 수 있습니다.

예를 들어 내 빌드 과정의 일부로 파일 이름을 style.css에서 style.min.css로 변경하고 있습니다.

내 index.html 파일 내에서 축소 된 버전을 사용하려면 스타일 시트에 대한 참조를 변경하고 싶습니다.

Answer 1

예, grunt-usemin을 확인하십시오. README는 꽤 철저합니다.

$ npm install grunt-text-replace --save-dev : NPM을 통해 플러그인을 설치 grunt-text-replace

: :)

https://github.com/yeoman/grunt-usemin

Answer 2

당신의 HTML 마크 업에서 정의 블록 주석을 피할 또 다른 가능한 해결책은,라는 이름의 플러그인을 설치하는 것입니다

다음에 Gruntfile에 다음을 추가하십시오.

Gruntfile.js :

grunt.initConfig({ 

    pkg: grunt.file.readJSON('package.json'), 

    /* UPDATES CSS SRC REFERENCED IN YOUR THE HTML FILE */ 
    replace: { 
     cssLink: { 
      src: ['./src/index.html'], //<--- The path to your html file 
      overwrite: true, 
      replacements: [{ 
       // Subsitute src="css/ below with the path to your CSS file. 
       from: 'src="css/style.css', 
       // Subsitute src="css/ above with the path to your minified CSS file. 
       to: 'src="css/style.min.css' 
      }] 
     } 
    } 

}); 

grunt.loadNpmTasks('grunt-text-replace'); 

grunt.registerTask('default', [ 
    'replace:cssLink' 
]); 

};