Объясните, как работает file-loader.
Допустим загружаем картинки в папку assets/images
module: {
loaders: [
// ...
{
test: /\.(jpg|gif|png|svg)$/i,
loader: 'file?context=' + path.join('app', 'resources', 'images') + '&name=assets/images/[name].[hash].[ext]'
},
]
}
Alias для подключения бла-бла-бла..
resolve: {
// ...
alias: {
images: path.join(_path, 'app', 'resources/images'),
}
},
Собственно, подключение какой-то картинки
import React from 'react';
// испортим через alias
import logo from 'images/logo.png';
class Logo extends React.Component {
render() {
return (
// а тут подключаем
<img src={logo} alt="" />
);
}
}
export default Logo;
Это имхо - дикое извращение, но оно работает..
Все хорошо хотя нет, вру, нифига не хорошо, хорошо только то, что загружает только использованные изоображения, а их подключение - это жесть.
Но ладно - это прокатит в html, jade etc..., а что мне делать, если я захочу подключить это изоображение в стилях? =) Копипастить из src в dist?
