Source ассети у Webpack-у
Хајде сада да испробамо source ассете. Направимо тако да садржај текстуалних фајлова при импорту буде у променљивој:
export default {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve('dist'),
},
module: {
rules: [
{
test: /\.txt$/,
type: 'asset/source',
}
]
},
plugins: [
new HtmlWebpackPlugin(),
],
};
Хајде да направимо текстуални фајл:
abcde
Повежимо овај фајл са улазном тачком:
import text from './text.txt';
У променљиву text ће се сместити
садржај текстуалног фајла:
console.log(text); // исписаће 'abcde'
Повежите са улазном тачком неколико текстуалних фајлова. Добијте њихов садржај у променљиве.