編寫一個處理txt的loader插件，適用于wbepack

1. 實現一個處理txt的插件，給文本每行前后添加****

module.exports = function txtLoader(content) {// 確保 Loader 是異步的const callback = this.async();// 拿到的content內容是二進制console.log('66667777', content)try {// 將二進制數據轉換為字符串const contentString = content.toString('utf-8');// 對文件內容進行處理：為每行添加 `****`const processedContent = contentString.split('\n').map(line => `****${line.trim()}****`).join('\n');console.log('processedContent', processedContent)// 返回處理后的內容，作為模塊導出的默認值callback(null, `module.exports = ${JSON.stringify(processedContent)};`);} catch (error) {// 如果出錯，拋出異常callback(error);}
};// 設置支持的文件類型，因為拿到的txt是二進制，所以這里需要設置回去二進制
module.exports.raw = true; // 表示 loader 處理的是原始二進制內容

2. 適用，這是webpack5.x的配置過程

chainWebpack: (config) => {config.module.rule('txt') // 規則名稱.test(/\.txt$/) // 匹配 .txt 文件.use('txt-loader') // Loader 名稱.loader(path.resolve(__dirname, './webpack-txt-loader.js')) // 指定 Loader 路徑.end()
}