Source assets in Webpack
Laten we nu source assets proberen. Laten we ervoor zorgen dat de inhoud van tekstbestanden in een variabele terechtkomt bij importeren:
export default {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve('dist'),
},
module: {
rules: [
{
test: /\.txt$/,
type: 'asset/source',
}
]
},
plugins: [
new HtmlWebpackPlugin(),
],
};
Laten we een tekstbestand maken:
abcde
Laten we dit bestand koppelen aan het entry point:
import text from './text.txt';
In de variabele text zal
de inhoud van het tekstbestand terechtkomen:
console.log(text); // geeft 'abcde' weer
Sluit meerdere tekstbestanden aan op het entry point. Krijg hun inhoud in variabelen.
