我在PrestaShop网站上有一个自定义主题,尝试在本地环境中处理CSS。当我修改CSS时,编译的文件theme.css不会更新。
这是一个Windows环境,PHP应用程序,我正在使用visual studio和git bash。
我修改了theme.css,并在本地网站上进行了更改。我尝试启动webpack重新加载“npm run build”,但收到错误“缺少脚本”。
我是否必须附加webpack配置?
如何自动重新加载最小化文件?
通过更改theme.css文件,您已更新已编译的CSS文件,这些文件将在文档加载期间呈现。但是在运行命令npm run build之后,删除了theme.css文件中所做的更改。随着文件在npm run build命令的编译中被覆盖。因此,如果您希望更改反映,则在_dev目录中的CSS文件中添加更改。因此,在编译时,更改会在theme.css文件中更新。
如何自动重新加载最小化文件?
您可以使用npm start命令在更新_dev目录中的文件时自动编译文件。
假设您使用PS1.7 +,无论如何都不应该触摸theme.css。最好的方法是创建一个子主题,并在其资产中包含custom.css。还要在此子主题中添加所有模板更改。这样,您始终可以升级父主题而不会丢失更改。或者,如果您不想这样做,至少将custom.css添加到当前主题并在那里进行css更改。
您必须在主题的_dev /文件夹中运行npm run build
。
在此之前,您必须在_dev文件夹中运行npm install
。
不要使用nodejs> 8。
_dev /文件夹的package.json和webpack.config.js已经很老了。我正在努力更新它们。