手写loader

每天都在掉头发

于 2021-07-19 17:36:04 发布

阅读量133

点赞数

分类专栏： webpack 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/ABCFF12333/article/details/118905442

版权

webpack 专栏收录该内容

7 篇文章

订阅专栏

这篇博客介绍了如何在自定义webpack loader中使用loader-utils的getOptions方法来获取配置文件中设置的选项，例如在txt-loader示例中，通过options.deleteConsole去除源代码中的console语句。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

格式很简单，重点在于loader-utils，loaderUitls.getOptions可获取webpack配置rules中的options以供使用

	// txt-loader.js
const loaderUtils = require('loader-utils')

module.exports = function(source) {
    var options = loaderUtils.getOptions(this) || {};
    // 删除console语句
    if(options.deleteConsole) {
        source = source.replace(/console\.(log|dir|info)\(.*?\);?/g, '');
    }
    return source;
};

    module.exports = {
        //...
        module: {
          rules: [
            {
              test: /\.txt$/,
              use: {
                loader: path.resolve(__dirname, './txt-loader.js'),
                options: {
                  name: 'YOLO'
                }
              }
            }
          ]
        }
      }