Source assets в Webpack
Нека сега опитаме със source assets. Нека направим така, че съдържанието на текстовите файлове при импортиране да попада в променлива:
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'
Свържете няколко текстови файла с входната точка. Получете тяхното съдържание в променливи.