Grunt change index.html参考

Question

使用grunt时，可以更改html文件中的引用。

例如，作为我的构建过程的一部分，我将文件名从style.css更改为style.min.css。

我想要做的是在我的index.html文件中改变对使用缩小版本的样式表的引用。

Answer 1

是的，看看grunt-usemin。自述文件非常详尽。 :)

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

Answer 2

另一种可能的解决方案，从而避免了在你的HTML标记定义块的评论，是安装一个名为插件：

$ npm install grunt-text-replace --save-dev：grunt-text-replace

通过NPM安装插件

然后将以下内容添加到您的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' 
]); 

};