我找不到我的Live站点从中提取的wordpress.scss文件

时间:2020-03-14 作者:Michael

当我将localhost推送到我的实时站点时,我的一些样式消失了。当我查看网页时,它是从我的wordpress中提取的。scss文件。我编辑了该文件并进行了调整,但所有调整都不起作用。我被困住了,不知道该怎么办。。。请帮忙。

1 个回复
SO网友:Mikhail

您的浏览器加载css 链接到的文件和源地图.scss 编译为css的文件。

在你的主题中应该有一个gulp或webpack脚本,用于将scs编译成css文件。

如果您不熟悉scss->css编译或找不到package.jsonwebpack.config.jsgulpfile.js 主题目录中的文件您可以查找已编译的css 实际加载的文件,通常会缩小以进行编辑。您可以在wordpress管理面板中用您的样式覆盖样式Appearance -> Customize -> Additional CSS.

如果你能找到package.json 在主题的目录中,可以运行npm install 控制台中用于安装依赖项和内部的命令package.json 可能会有scripts 包含构建命令的节,您可以像这样使用npm run-script build 建立css 从…起scss 文件。

同样,我所解释的只是一般方法,不知道您使用的是什么主题,也不知道这个主题是否使用了那些构建工具。

重要事项->在您更改css(或scss并重建css)并将其上载到服务器后,不要忘记CMD+R Ctrl+F5 确保您的浏览器将加载最新更新的css。

如果您使用git push部署到live site->请确保您已经添加并提交了所有主题文件,包括从scss构建的css,以便在推送这些更改时将其加载到live site。