部署 jquery 或 javascript 前端项目

Posted 2023-02-15

【中文标题】部署 jquery 或 javascript 前端项目

【英文标题】：deploy jquery or javascript front-end project

【发布时间】：2022-01-16 03:06:56

【问题描述】：

我在管理面板项目中使用adminlte 管理模板。 adminlte 是使用 jquery、javascript 和 bootstrap 开发的。 我开发了一个前端和后端层分开的项目，这意味着我的前端项目只是 jquery 和 javascript，后端是 .net 核心。当我想发布前端层时，我只是在服务器上复制文件。我想知道，这是正确的方法吗？

其中一个问题是浏览器缓存了 javascript 文件，当我在服务器上复制新版本时，浏览器会加载以前的版本。如何解决这个问题？

【参考方案1】：

我知道在 firefox 和 chrome 上，您可以通过转到开发人员面板上的网络选项卡并单击禁用缓存按钮 firefox chrome 来禁用缓存

【讨论】：

是的，这项工作将在浏览器上使用 CTRL + F5 完成，但这个问题只为我解决了。用户不应参与此问题

@mohsenahmadi 你用谁来托管你的服务，有些会缓存但可以选择暂时关闭它以用于开发模式

【参考方案2】：

在您的导入中，您可以使用 ?=xxx 之类的参数，并在您拥有此 js 的新版本时更改此值

<script src="js/XXX.js?v=1">

下次如果你想更新

<script src="js/XXX.js?v=2">

【讨论】：

也许更聪明的方法是将版本存储在一个文件中，然后只在那里更改它，然后在 src 中使用变量

@den，确切地说，我使用了相同的方法，但有时浏览器不理解这一点。我想知道是否有办法将所有文件一起发布在一个包中，例如部署 vue-js 或 react 项目