比如我现在实现一个简单地字符替换的Loader,该怎么做?
这是业务代码:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pVkrhUw5-1592838633564)(https://i.loli.net/2020/06/21/wVLN7SvMTUbaBAe.png)]
我要把Sun
替换成别的字符:
-
为了方便使用,可以先下载个依赖
npm install loader-utils --save-dev
-
在根目录下创建loaders文件夹,里边比如创建一个replaceLader.js做loader解析
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xTwWuTCB-1592838633568)(https://i.loli.net/2020/06/21/p2nxXeZoHO3AlPm.png)]
-
代码如下:
const LoaderUtils = require('loader-utils') module.exports = function (source) { const options = LoaderUtils.getOptions(this) return source.replace('Sun', options.name) }
-
当然这样肯定是不行的,我们需要在webpack.config.js中进行配置
const path =