繁体   English   中英

如何从类似PHP的webpack进程中导入文件

[英]How do I import files in a webpack process from something like PHP

因此, Webpack用于捆绑东西。 它似乎有很多用例,但是我是新手,所以我可能会丢失某些东西或使用不正确。

当前,它可能主要用于捆绑JS和CSS,并可能使用文件加载器url加载器处理图像。

它还似乎以级联的方式捆绑并完成其插件工作。 这意味着导入中的导入将得到评估,因此我看到一个图像因此存储在CSS文件中:

background-image: url(../images/banner.jpg);

将通过处理.jpg文件的加载程序并移至dist文件夹,并且CSS将根据此更新相关路径。 我不确定webpack的哪一部分可以管理这一点,也许是css-loader可以确保这一点?

由于我当前正在开发使用PHP模板的WP主题,因此出现了问题。 我从来没有通过Webpack管道。 PHP loader似乎与转换为HTML有关 ,这不好。

因此,如果模板中有一个<img src="images/brand.jpg">标记,则必须手动导入该图像,并确保我具有当前不存在的包的正确路径。 我也可以忘记使用url-loadersvg-loader内联图像。

这是Webpack的一个(当前)不存在的用例,因为大多数用户正在使用它进行ReactVue项目。

还是我缺少明显的东西?

如果您仍在寻找该问题的答案,则可以使用Webpack清单插件(和[可选] Webpack复制插件)和一些php处理程序来解析清单来实现。

我有一个工作版本,您可以在这里查看https://github.com/LowGravityPL/RaccoonWP/tree/master/public/core/themes/raccoon-twig

Webpack代码在build-utils目录中

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM