Webpack 4 - загрузчик файлов не работает - PullRequest
Новая
       9

Webpack 4 - загрузчик файлов не работает

0 голосов
/ 25 июня 2018

[webpack.config.js] 

test: /\.(png|jpg|jpeg|gif)$/,
use: [
    {
        loader: 'file-loader',
        options: {
            name: 'img/[name].[hash:10].[ext]',
        }
    }
]

[во внешнем коде (MainPage.jsx)] 

let imgURL = require('../../../assets/mars.png')    
console.log(imgURL)
<CardMedia
    className={classes.media}
    image={imgURL}
    title="Contemplative Reptile"
/>
// <CardMedia> is material-ui component

log: 

img/mars.ed66029dc3.png
Failed to load resource: net::ERR_FILE_NOT_FOUND   mars.ed66029dc3.png

сообщение при наведении мыши mars.ed66029dc3.png:
D: /projectname/build/html/img/mars.ed66029dc3.png
Мне нужен вывод D: /projectname/build/img/mars.ed66029dc3.png

[структура проекта] 

build
  - html
    index.html (electron entrance)
  - img
    mars.ed66029dc3.png (file-loader copy)
  bundle.js (webpack output file, call by index.html)
src
  - assets
    mars.png
  - core
  - render
    - html
      index.html
    - js
      - components
        MainPage.jsx

Как это можно исправить? использовать publicPath тоже не работает,
И я не знаю, как объединить все пути,
в html - я использую электронный протокол
в jsx - импортировать и требовать, я использую псевдоним webpack
в jsx img - я использую файл-загрузчик ....

пожалуйста помогите, спасибо

...