Инлайн ассети в Webpack
Нека сега опитаме с инлайн ассети. При такава конфигурация изображенията ще бъдат преобразувани в base64. Да опитаме:
export default {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve('dist'),
},
module: {
rules: [
{
test: /\.png$/,
type: 'asset/inline'
}
]
},
plugins: [
new HtmlWebpackPlugin(),
],
};
Направете така, че картинки .svg
да се превръщат в инлайн ассети.
Проверете вашите настройки на
примера на някое изображение.
