# Инлайн ассеты в 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` становились инлайн ассетами. Проверьте ваши настройки на примере какой-нибудь картинки.

← →
↑