19年做网站还能赚钱邯郸国外网站建设费用

编写一个处理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()
}