insert-word-webpack-plugin

描述

• 由于项目中接入了微前端，子应用获取资源采用的是fetch()方法，但是fetch默认请求是资源的内容，而不是文件本身，所以导致获取的都是浏览器识别不了的匿名(anonymous)资源；
• 因此需要在js脚本中插入 //@ sourceURL=文件名，让浏览器识别，当然您也可以插入其他内容；
• 使用时一定要注意不能插入浏览器无法识别的字符串；

安装

npm install insert-word-webpack-plugin

测试

npm run test

注意

插件采用的是webpack4版本，5版本请download下来后重新封装

说明

// 导入 plugin

const InsertWordWebpackPlugin = require('insert-word-webpack-plugin');

// 在 plugins 中 new 实例
 new InsertWordWebpackPlugin({
    test: /\.js$/,  // 匹配js资源，可自定义 [必填项]
    content: '//@ sourceURL=[name]', // name表示当前文件名，可自定义其他内容(一个表达式 || 一个注释)，这里注意不能插入浏览器无法识别的字符串 [必填项]
    isHead: true, // 默认在js脚本头部添加,false时在脚本尾部添加 [选填]
})

测试

  可下载包到本地后在webpack.config.js中配置你想传的参数，然后npm run build ,查看dist/main.js中是否添加成功

开源协议

ISC