https://github.com/luhc228/inspect-webpack-plugin

A webpack plugin for inspecting module transform of loaders.
https://github.com/luhc228/inspect-webpack-plugin

Last synced: 26 days ago
JSON representation

A webpack plugin for inspecting module transform of loaders.

• Host: GitHub
• URL: https://github.com/luhc228/inspect-webpack-plugin
• Owner: luhc228
• Created: 2022-08-27T09:56:53.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-08T00:54:13.000Z (about 2 years ago)
• Last Synced: 2024-09-13T12:17:35.170Z (about 2 months ago)
• Language: TypeScript
• Homepage:
• Size: 524 KB
• Stars: 6
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# inspect-webpack-plugin

[![NPM version](https://img.shields.io/npm/v/inspect-webpack-plugin.svg?style=flat)](https://npmjs.org/package/inspect-webpack-plugin)

A webpack plugin for inspecting module transform of loaders. The plugin is inspired by [vite-plugin-inspect](https://www.npmjs.com/package/vite-plugin-inspect).

![image](https://user-images.githubusercontent.com/44047106/187964296-9fe5bd85-e00b-4352-a62c-900684ba0b1f.png)

## Install

> Note: Webpack v5 is required.

```bash

npm i inspect-webpack-plugin -D

```

Add plugin to your `webpack.config.ts`:

```ts

import InspectWebpackPlugin from 'inspect-webpack-plugin';

export default {

  plugins: [

    new InspectWebpackPlugin(),

  ],

}

```

Then visit [localhost:9000/](http://localhost:9000/) to inspect the modules transform.