https://github.com/extg/log-loader

Loader for debugging
https://github.com/extg/log-loader

webpack webpack-loader

Last synced: 6 months ago
JSON representation

Loader for debugging

• Host: GitHub
• URL: https://github.com/extg/log-loader
• Owner: extg
• Created: 2017-02-16T23:00:16.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2018-05-03T14:59:22.000Z (about 8 years ago)
• Last Synced: 2025-09-20T18:47:40.916Z (10 months ago)
• Topics: webpack, webpack-loader
• Language: JavaScript
• Homepage:
• Size: 271 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# log-loader

![](./examples/basic/screenshot.png)

Install


```bash

npm install --save-dev log-loader

```

Usage


### Via webpack config (recommended)

**webpack.config.js**

```js

module.exports = {

  module: {

    rules: [

      {

        test: /\.css$/,

        use: [ 

          'style-loader',

          'log-loader?id=after-css&showSource=true',

          'css-loader',

          'log-loader?id=before-css&showSource=true',

        ]

      }

    ]

  }

}

```

Options


Options may passed via query params too.

 

### Defaults

```js

{

  loader: 'log-loader',

  options: {

    id: '',

    showIndex: false,

    showSource: false,

    showPitch: false,

    showNextLoader: false,

    showPrevLoader: false,

    

    // string sizes

    pad: {

      id: 15,

      index: 4,

      loader: 15,

      file: 35

    },

    

    // only option params, this = loader context

    callback: function (source) { return source; },

    callbackPitch: function (remainingRequest, precedingRequest, data) {}

  }

}

```