在Chrome中重新加载JavaScript

Question

我知道你可以在Chrome开发者工具的Source面板中实时编辑JS，我知道有用于实时重新加载CSS的系统，但是你可以从源位置（URL或者URL）重新加载JS本地磁盘，或以某种方式利用工作区，甚至可能作为Chrome Developer Tools插件）？特别是这对于CoffeeScript-to-JS设置非常有用。

Answer 1

考虑到它有多强大，很难找到其他人试图做到这一点。

我已经关闭来实现JS的自动实时重新加载，而无需刷新页面;我在做什么：

1. 在检查员的sources标签中，右键单击并选择＆＃34; 将文件夹添加到工作区... ＆＃34;
2. 选择包含您要同步的.js的本地文件夹，然后点击 [okay] 。
3. 右键单击嵌套在新添加的工作区文件夹中的.js文件，然后选择＆＃34; 映射到网络资源＆＃34;，然后选择匹配的{{1来自页面。
4. 使用外部编辑器更改本地.js文件。
5. 单击检查器中的.js文件，确保其具有焦点;这将触发＆＃34;重新编译和更新＆＃34;并且您的更改应该注入页面。

步骤5是需要以某种方式自动化的部分。

如果将此项与文件监视器结合使用，该文件监视器会自动将您的应用程序捆绑到单个.js文件中，则无需刷新页面即可自动重新加载。

Answer 2

是的，你可以用grunt.js或gulp.js做到这一点。像Codekit这样的其他东西可以做到这一点，Chrome的附加组件也可以这样做.LiveReload。