自动更改 Javascript 和 CSS 文件路径答案

【问题标题】：Changing Javascript and CSS File Paths Automatically自动更改 Javascript 和 CSS 文件路径
【发布时间】：2017-01-23 08:09:17
【问题描述】：

我在 may 项目中组织我的 css 和 javascript 文件。我有很多文件，很难整理文件。

当我将 css 和 javascript 文件拖放到另一个文件夹时，我必须更改 html 文件中的文件引用。

Visual Studio 有插件吗？当我将css或javascript文件拖放到另一个文件夹时，插件可以自动更改html文件中的文件路径。

请帮助解决这个问题。如果有一个插件可以完成这些过程，它将减轻我的工作。

【问题讨论】：

标签： javascript html css visual-studio plugins

【解决方案1】：

我无法想象为什么您会不断更改静态文件的位置？这里的答案就是停止这样做。创建一个文件夹，可能是“assets”并在该文件夹中“img、js 和 css”，然后简单地保留这些文件 :)

在概念上可以完成诸如 grunt、编译、缩小、保存然后更改路径之类的操作，但再次无缘无故地完成这些工作似乎很疯狂。

更新：我还想到您可能会使用 GLOB 之类的工具来扫描包含文件夹的目录以确定编号最高的文件夹，类似于：

$glob           = glob("path/to/css/*");
$highestCssFile = max(preg_replace("|[^0-9]|", "", $glob));

然后您只需在文件路径中使用 $highestCssFile。

类似这样的方法也可以找到最新的目录：

$cssDir= scandir("uploads/",1);
rsort($cssDir);
$latestDir = $cssDir[0];
$newDir = $latestDir+1;

【讨论】：

好吧，这至少是一个解释 :) 虽然我从未听说过这样的开发过程。我可以建议您研究版本控制（subversion 或 git）并以这种方式工作。如果您作为一个团队工作，也许是远程工作，我还可以推荐beanstalkapp.com 作为对那些还增加了团队沟通层的技术的友好介绍。
我们正在以团队的形式编写一个大项目。一开始，我们的 css 和 js 文件位于 assets 之类的文件夹中。但是在这种文件结构下，很难找到一个文件。我们要根据版本号组织这些文件。例如，我有 css 和 js 文件，它们的版本号是“1.2”。文件夹号将是“1.2”，我想将 css 和 js 文件携带到相关版本号文件夹。同样，css 文件和 js 文件将分别位于“1.2”文件夹中的不同文件夹下。
我明白，我只是不认为这种结构是可维护的或实际可扩展的。如果您使用 subversion，您只需将文件“标记”为“版本 1.2”等，并能够跟踪所做的每一个更改、还原、分支以及适当版本控制系统附带的所有其他好处。恐怕将文件放在不同名称的文件夹中并不是这样做的方法。但是，由于 grunt (gruntjs.com) 实际上可以自动为您完成此任务（还有更多，尽管设置很棘手），我很高兴被标记为正确答案:)
据我了解，Grunt 会将 js 或 css 文件发送到相关文件夹下，对吧？当我为 GruntFile 编写代码时，例如。 dist: { src: ['src/**/*.js'], dest: 'dist/.js' } 以上代码表示js文件进入dist文件夹，dist文件夹导入相关js文件到用户界面文件（如 HTML）。如果我错了，请纠正我。
是的，类似的，你也可以看看npmjs.com/package/grunt-assets-versioning。但是，我的（编辑的）答案包含（未经测试的）代码来扫描您的目录以查找最新的文件/文件夹，确实解决了我认为的直接问题，所以再次感谢正确的答案点......现在回到我的日常工作！ :)

【解决方案2】：

我不知道有什么插件可以完全满足您的需求，但您可以使用 ASP.NET 的 bundling and minification 来减少对单个文件的更改。

【讨论】：