Webpack의 Source Assets

이제 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' 출력

진입점에 여러 텍스트 파일을 연결해 보세요. 그 내용을 변수로 가져와 보세요.