代码之家 › 专栏 › 技术社区 › Andreew4x4

网页包扫描html模板中的资产并对其进行处理

assets webpack html

Andreew4x4 · 技术社区 · 6 年前

在我的项目中,我主要使用Webpack进行捆绑 .js 和 .css 文件夹。主要问题是关于图像。当图像用于 .css 文件Webpack处理它们并导出到 /dist 文件夹这很好,很有魅力。

我想要完成的是同样的故事,但是 .html 文件夹。但是Html文件与我的wepack应用程序位于不同的位置。

-/root
--/design
-----/src
--------/js
--------/css
--------/images
--------/...
-----/dist
--/templates
--/...

是否可以通过其他路径来扫描资产? 我不想生产新产品 html .只需检查html文件中使用了哪些资产即可 root/design/src/images 然后处理它们(与css文件相同),并复制到 /距离 .

0 回复 | 直到 6 年前

felixmosh 6 年前

您可以添加一个新的入口点(js文件),该入口点将需要处理所有想要处理的html文件。

您需要安装 html-loader 为了让webpack“理解”html文件。

推荐文章

Brandon Mulas · 如何在electronic+webpack中从Main进程获取javascript对象到Renderer进程

1 年前

Cody Pritchard · Angular-Esbuild区块大小与服务时的构建输出不匹配

2 年前

Alexander A · 为wordpress插件扩展webpack配置创建块交互模板不起作用

2 年前

Mor Bargig · 从production构建中清除开发代码

2 年前

Deepali Jadhav · 如何使用Webpack将resolveExtensions配置应用于公开的组件

2 年前

mightycode Newton · 如何解决错误:webpack.config.js,未检测到“”的Babel配置文件

2 年前

Zain763 · NextJS webpack:已使用与API架构不匹配的生成器对象初始化资产模块插件

2 年前

Manoj Prabakaran M · Element Plus中的El Dialog在JavaScript代码中不起作用

2 年前

Ashwani kumar · 如何解决在webpack.dev.js文件中找不到入口模块和webpack中的错误?

2 年前

Bennyh961 · 使用react图标增加捆绑包大小

2 年前