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'
Միացրեք մուտքի կետին մի քանի տեքստային ֆայլեր: Ստացեք դրանց պարունակությունը փոփոխականներում:
