Trying to load json file using file-loader , it work before build but when create build it just load the path of file instead of content

[mshafiqmk]

• Operating System:Window 10
• Node Version: v10.15.3
• NPM Version:6.4.1
• webpack Version:4.30.0
• file-loader Version:3.0.1

Expected Behavior

should log values inside x.json file

Actual Behavior

it log name of the generated json file in the build

Code

i have created simple demo , here is the link to code repo https://github.com/shafiqkhuidad/WebpackLoaders-Demo

How Do We Reproduce?

• clone repo
• npm install
• npm run build
• node x.js
• cd build & node index.bundle.js

[alexander-akait]

It is expected, because file-loader generate file and doesn't parse content. You don't need file-loader for json in webpack@4. Also using file-loader increase you bundle size because tree shaking doesn't work

[mshafiqmk]

@evilebottnawi thanks , i want to use same json file before and after build

[mshafiqmk]

if you see here the index.bundle.js file have reference to that json file ?

i have try json file-loader it just append the content of json file like that : but i want to load this json content from file.

[alexander-akait]

Use javascript/auto or json https://github.com/webpack/webpack/blob/master/lib/WebpackOptionsDefaulter.js#L60

[mshafiqmk]

i have already try this option it doesn't work for me . It append the json file into bundle.js , i don't want this . i want to copy json file to build folder and then the generated build(bundle.js) file should use that copied file ?

[alexander-akait]

It is impossible, use multicompile mode

[mshafiqmk]

Thanks @evilebottnawi , can you please share some link or example of multiple mode ?

[alexander-akait]

@shafiqkhuidad looks on documentation