在前端开发中，我们通常会使用一些预处理器（如Less、Sass）或打包工具（如Webpack）来编写并打包我们的JS和CSS文件。但是，有时候我们可能只需要简单地将这些文件直接引入HTML页面中，而不需要进行进一步的处理。在 Visual Studio 中，默认情况下，它会自动“编译”JS和CSS文件，这可能会导致一些不必要的输出和浪费时间。
本文将介绍如何在 Visual Studio 中停止“编译”JS和CSS文件，以便更快地构建和测试应用程序。
禁用“编译”
- 在Visual Studio中打开你的项目，并选择解决方案资源管理器。
- 找到你的CSS或JS文件夹，并右键单击该文件夹。
- 选择属性，然后找到“生成操作”选项卡。
- 将“生成操作”下拉列表更改为“无”。
- 重复上述步骤，直到你所有的JS和CSS文件夹都被设置为“无”。
现在，当你构建你的项目时，Visual Studio 将不再“编译”这些文件。
注意：如果你使用的是ASP.NET或ASP.NET Core，请确保在项目的.csproj文件中删除以下内容：
-------- ----------------- -- -------- ------------------ --
引入JS和CSS文件
现在你已经停止了“编译”JS和CSS文件，你需要确保这些文件被正确地引入到HTML页面中。
--------- -----
------
------
----- --------------- --
--------- ------------
----- -------------------- ---------------- --
-------
------
--------- -----------
------- ----------------------------
-------
-------请注意，在这个例子中，我们使用了相对路径来引入我们的CSS和JS文件。确保你的路径设置正确，并且你的文件能够正确地访问。
结论
本文介绍了如何在 Visual Studio 中停止“编译”JS和CSS文件，以及如何将这些文件正确引入到 HTML 页面中。通过这些步骤，你可以更快地构建和测试你的应用程序，而无需等待不必要的“编译”过程。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/15013