Source assets in Webpack
Kom ons probeer nou source assets. Laat ons dit so maak dat die inhoud van tekslêers in 'n veranderlike beland wanneer dit geïmporteer word:
export default {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve('dist'),
},
module: {
rules: [
{
test: /\.txt$/,
type: 'asset/source',
}
]
},
plugins: [
new HtmlWebpackPlugin(),
],
};
Kom ons skep 'n tekslêer:
abcde
Laat ons hierdie lêer aan die toegangspunt koppel:
import text from './text.txt';
Die inhoud van die tekslêer sal in die veranderlike
text beland:
console.log(text); // sal 'abcde' uitvoer
Koppel verskeie tekslêers aan die toegangspunt. Kry hul inhoud in veranderlikes.