Yeoman Angular.js / Express.js-Grunt在每次手动重启时都会覆盖index.html

Question

我是使用Yeoman的新手，并且正在使用它来引导Angular.js和Express.js。 Gruntfile.js似乎势不可挡。 我有几个问题：

1. 每次我使用“ grunt start”重新启动网络服务器时，我的app / index.html文件都会被覆盖。 这是一场噩梦...我该如何制止？

2. 我添加一个普通的CSS目录... app / css。 我该如何检查其中的文件更改并重新加载浏览器？ 我尝试了'css/*.css'但没有运气：

    watch: { files: [ '<%= yeoman.app %>/{,*/}*.html', 'css/*.css', '.tmp/styles/{,*/}*.css', '<%= yeoman.app %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}' ] }' 

Answer 1

Grunt在应用程序树的根文件夹中运行，因此尽管修改监视对象的方向正确，但是您需要在css/*.css <%= yeoman.app %>/之前添加<%= yeoman.app %>/ css/*.css在正确的文件夹中。 yeoman.app实际上只是一个位于文件顶部的变量。

要测试您的应用程序，请使用grunt serve ，它不应覆盖索引文件。 否则，发现在你的部分Gruntfile.js其中grunt.registerTask('serve'的定义，找到grunt.task.run并尝试注释掉每个任务并重新运行grunt serve发现被改写你的索引文件的罪魁祸首。