# Webpack question about in-lining assets

**URL:** <https://forum.babylonjs.com/t/webpack-question-about-in-lining-assets/7312>\
**Category:** Questions\
**Created:** [November 30, 2019, 11:29pm UTC](https://forum.babylonjs.com/t/webpack-question-about-in-lining-assets/7312 "2019-11-30T23:29:09Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![aekiro](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/aekiro/32/5546_2.png) [@aekiro](https://forum.babylonjs.com/u/aekiro)\
**Post date:** [November 30, 2019, 11:29pm UTC](https://forum.babylonjs.com/t/webpack-question-about-in-lining-assets/7312/1 "2019-11-30T23:29:09Z")

</div>

Hello,  
I would like to inline all the assets that I use in my project. These assets are loaded async by using methods like:  
BABYLON.SceneLoader.Load(“Assets/Scenes/”, “scene.babylon”, engine, function (scene) {  
});  
Or like:  
new BABYLON.Texture(“Assets/Textures/checkered\_texture.png”, scene);

My goal is to inline all of the assets (.gltf, .babylon, texture .pngs) in the .html file.  
I’m looking for pointers on how can I do it with webpack ? or any other build tool.

Got an idea from [Using External Assets - Babylon.js Documentation](https://doc.babylonjs.com/resources/external_pg_assets#javascript-files) but I’m not sure how to do that with webpack.

Thanks a lot.

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [December 2, 2019, 4:56pm UTC](https://forum.babylonjs.com/t/webpack-question-about-in-lining-assets/7312/2 "2019-12-02T16:56:56Z")

</div>

Well, if you import an image with webpack, I think you will get the base64 version right?  
Then you can load it like that:  
[https://www.babylonjs-playground.com/#0ZB1A3#13](https://www.babylonjs-playground.com/#0ZB1A3#13)