npm i
./node_modules/.bin/webpack index.js
ls -l ./webpack.png ./build/webpack.png
<...> 24375 Aug 14 17:43 ./build/webpack.png
<...> 13203 Aug 14 17:38 ./webpack.png
The two files are identical.
| const image = require('./webpack.png').default; |
| { | |
| "name": "file-loader-error", | |
| "version": "1.0.0", | |
| "description": "", | |
| "main": "index.js", | |
| "scripts": { | |
| "test": "echo \"Error: no test specified\" && exit 1" | |
| }, | |
| "author": "", | |
| "license": "ISC", | |
| "devDependencies": { | |
| "file-loader": "^1.0.0", | |
| "webpack": "^3.5.4" | |
| } | |
| } |
| module.exports = { | |
| entry: [ | |
| './index.js' | |
| ], | |
| output: { | |
| path: `${__dirname}/build/`, | |
| filename: 'bundle.js', | |
| publicPath: '/' | |
| }, | |
| module: { | |
| rules: [ | |
| { | |
| test: /\.png$/, | |
| loader: 'file-loader?name=[name].[ext]' | |
| } | |
| ] | |
| }, | |
| }; |