CSS不在本地环境的PrestaShop站点上编译(theme.css)

问题描述 投票:1回答:3

我在PrestaShop网站上有一个自定义主题,尝试在本地环境中处理CSS。当我修改CSS时,编译的文件theme.css不会更新。

这是一个Windows环境,PHP应用程序,我正在使用visual studio和git bash。

我修改了theme.css,并在本地网站上进行了更改。我尝试启动webpack重新加载“npm run build”,但收到错误“缺少脚本”。

我是否必须附加webpack配置?


如何自动重新加载最小化文件?

css webpack compilation prestashop
3个回答
1
投票

通过更改theme.css文件,您已更新已编译的CSS文件,这些文件将在文档加载期间呈现。但是在运行命令npm run build之后,删除了theme.css文件中所做的更改。随着文件在npm run build命令的编译中被覆盖。因此,如果您希望更改反映,则在_dev目录中的CSS文件中添加更改。因此,在编译时,更改会在theme.css文件中更新。

如何自动重新加载最小化文件?

您可以使用npm start命令在更新_dev目录中的文件时自动编译文件。


0
投票

假设您使用PS1.7 +,无论如何都不应该触摸theme.css。最好的方法是创建一个子主题,并在其资产中包含custom.css。还要在此子主题中添加所有模板更改。这样,您始终可以升级父主题而不会丢失更改。或者,如果您不想这样做,至少将custom.css添加到当前主题并在那里进行css更改。


0
投票

您必须在主题的_dev /文件夹中运行npm run build。 在此之前,您必须在_dev文件夹中运行npm install。 不要使用nodejs> 8。 _dev /文件夹的package.json和webpack.config.js已经很老了。我正在努力更新它们。

© www.soinside.com 2019 - 2024. All rights reserved.