Source assets v Webpacku
Skúsme teraz source assets. Nastavme to tak, aby obsah textových súborov pri importe prešiel do premennej:
export default {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve('dist'),
},
module: {
rules: [
{
test: /\.txt$/,
type: 'asset/source',
}
]
},
plugins: [
new HtmlWebpackPlugin(),
],
};
Vytvorme textový súbor:
abcde
Pripojme tento súbor k vstupnému bodu:
import text from './text.txt';
Do premennej text prejde
obsah textového súboru:
console.log(text); // vypíše 'abcde'
Pripojte k vstupnému bodu niekoľko textových súborov. Získajte ich obsah do premenných.