Webpack - Change 'src' path of javascript files in index.html

Question

I am facing an issue after building my strapi application (using webpack).

After i executed yarn build, my index.html imports javascript files using the <script> tag.

The issue comes here, in my build folder, there are all of my files (images, js files etc...), and 0 subfolder.

But inside my index.html, it imports from an invalid path:

<script src="admin/file.js"></script>

I want to change this src with Webpack to look like that :

<script src="./file.js"></script>

Anybody got a solution ?

Thank you.

Can you search the word 'admin' in your project? maybe some config mistake — Raphael Ben Hamo
– Raphael Ben Hamo, Commented Aug 10, 2022 at 7:22
For some reasons, webpack & strapi aren't coordinated... I put a solution which works for me ^^ — Le D
– Le D, Commented Aug 10, 2022 at 7:37

Le D · Accepted Answer · 2022-08-10 07:37:01Z

1

Finally, i found the fix.

I am using Strapi for this web app.

Strapi automatically fills webpack with publicPath "/admin/".

However, webpack doesn't understand and put every files (js, img, html) in the same directory, at the same level (no subfolders).

So inside src/admin/, remove the word "example" from the file name "webpack.config.example.js"

Open this file and insert this code

'use strict';
module.exports = (config, _webpack) => {
  config = {
    ...config,
    output: { ...config.output, publicPath: './'}
   }
   
  return config;
};

answered Aug 10, 2022 at 7:37

Le D

1609 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Webpack - Change 'src' path of javascript files in index.html

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related