如何在服务器上修改较少的文件？

Question

我的服务器上有一些我想要修改的文件。我试图修改less文件我从服务器上的文件中删除了一些代码，但它仍然显示在前端。谁能告诉我如何修改服务器上的less文件。这是我第一次参与其中。任何类型的帮助将不胜感激 E.g我在后端有一个代码

.container {
  max-width: @container-xs;
  margin-right: auto;
  margin-left: auto;
  padding-left: (@gutter / 2);
  padding-right: (@gutter / 2);
}

它在前端显示如下

    @media only screen and (min-width: 75rem)
.container {
    max-width: 73.125rem;
}

但问题是，当我从后端删除此代码时，它仍然显示在前端。我也重命名了该文件，但它对我不起作用

Answer 1

这可能是两件事。您很可能需要将您的文件编译为CSS。您可以手动执行此操作，也可以使用Gulp等任务运行程序执行此操作。如果您已经编译了文件，则可能是已编译的css文件在浏览器中缓存，并且需要清除浏览器缓存。对于相对较小的CSS文件，您可能应该设置较短的缓存时间。

通常建议使用单独的开发环境，而不是直接在服务器上工作。我建议在本地设置类似于服务器的环境，并在那里进行测试。这也是设置构建工具（如Gulp，Grunt或Webpack）的好地方。这些都能够自动编译你的Less into CSS，以及缩小，源地图，js连接等。