prepublish

README.md

@@ -1,37 +1,38 @@
-# Webpack Visualizer
-Visualize and analyze your Webpack bundle to see which modules are taking up space and which might be duplicates.
+# Webpack Visualizer 2
 
-This tool is still pretty new, so please submit issues or feature requests!
+This is a working fork of the unmaintained [webpack-visualizer-plugin](https://github.com/chrisbateman/webpack-visualizer)
 
+It works with webpack 5.x
 
-## Site Usage
-
-Upload your stats JSON file to the site: [chrisbateman.github.io/webpack-visualizer/](http://chrisbateman.github.io/webpack-visualizer/)
-
-## Plugin Usage
+## Installation
 
 ```
-npm install webpack-visualizer-plugin
+npm i -D webpack-visualizer-plugin2
 ```
-```javascript
-var Visualizer = require('webpack-visualizer-plugin');
 
-//...
-plugins: [new Visualizer()],
-//...
-```
-This will output a file named `stats.html` in your output directory. You can modify the name/location by passing a `filename` parameter into the constructor.
+## Usage in webpack configuration
+This will generate the statistics page in /stats/ folder
+NOTE: "filename" points to the webpack output path, not the project root path
 
-```javascript
-var Visualizer = require('webpack-visualizer-plugin');
+```js
+const Visualizer = require('webpack-visualizer-plugin2');
 
-//...
-plugins: [new Visualizer({
-  filename: './statistics.html'
-})],
-//...
-```
+module.exports = {
+    plugins: [
 
----
+    new StatsWriterPlugin({
+        filename: path.join('..', 'stats', 'log.json'),
+        fields: null,
+        stats: { chunkModules: true },
+    }),
+
+    new Visualizer({
+        filename: path.join('..', 'stats', 'statistics.html'),
+    }),
+
+    ],
+}
+
+```
 
 ![](https://cloud.githubusercontent.com/assets/1145857/10471320/5b284d60-71da-11e5-8d35-7d1d4c58843a.png)

package.json

@@ -1,61 +1,68 @@
 {
-  "name": "webpack-visualizer-plugin",
-  "version": "1.0.0",
-  "main": "lib/plugin.js",
-  "author": "Chris Bateman (http://cbateman.com/)",
-  "license": "MIT",
-  "files": [
-    "lib",
-    "README.md"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "[email protected]:chrisbateman/webpack-visualizer.git"
-  },
-  "scripts": {
-    "build": "npm run build:site && npm run build:plugin",
-    "build:plugin": "shx rm -rf ./lib/** && webpack --config ./webpack/plugin/webpack.prod.js && babel ./src/plugin/plugin.js --out-file lib/plugin.js --presets=@babel/preset-env",
-    "build:site": "webpack --config ./webpack/site/webpack.prod.js",
-    "start:plugin": "webpack serve --config ./webpack/plugin/webpack.dev.js",
-    "start:site": "webpack serve --config ./webpack/site/webpack.dev.js",
-    "lint": "eslint src --ext .js,.jsx",
-    "lint:fix": "eslint src --fix --ext .js,.jsx",
-    "preversion": "npm run build",
-    "publishSite": "git checkout gh-pages && cp dist-site/* . && git add . && git commit -m 'release' && git push origin gh-pages && git checkout master"
-  },
-  "dependencies": {
-    "d3": "^3.5.6",
-    "mkdirp": "^0.5.1",
-    "prop-types": "^15.7.2",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.12.8",
-    "@babel/core": "^7.12.9",
-    "@babel/eslint-parser": "^7.12.1",
-    "@babel/plugin-proposal-class-properties": "^7.12.1",
-    "@babel/preset-env": "^7.12.7",
-    "@babel/preset-react": "^7.12.7",
-    "babel-loader": "^8.2.2",
-    "clean-webpack-plugin": "^3.0.0",
-    "css-loader": "^5.0.1",
-    "eslint": "^7.14.0",
-    "eslint-config-prettier": "^6.15.0",
-    "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-react": "^7.21.5",
-    "eslint-webpack-plugin": "^2.4.0",
-    "html-webpack-plugin": "^4.5.0",
-    "mini-css-extract-plugin": "^1.3.1",
-    "prettier": "^2.2.1",
-    "shx": "^0.3.3",
-    "style-loader": "^2.0.0",
-    "webpack": "^5.9.0",
-    "webpack-cli": "^4.2.0",
-    "webpack-dev-server": "^3.11.0",
-    "webpack-merge": "^5.4.0"
-  },
-  "engines": {
-    "npm": ">=5.0.0"
-  }
+    "name": "webpack-visualizer-plugin2",
+    "version": "1.0.0",
+    "main": "lib/plugin.js",
+    "author": "Chris Bateman (http://cbateman.com/)",
+    "contributors": [
+        {
+            "name": "Jonathan Mataloni",
+            "url": "https://github.com/jonamat",
+            "email": "[email protected]"
+        }
+    ],
+    "license": "MIT",
+    "files": [
+        "lib",
+        "README.md"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "[email protected]:jonamat/webpack-visualizer.git"
+    },
+    "scripts": {
+        "build": "npm run build:site && npm run build:plugin",
+        "build:plugin": "shx rm -rf ./lib/** && webpack --config ./webpack/plugin/webpack.prod.js && babel ./src/plugin/plugin.js --out-file lib/plugin.js --presets=@babel/preset-env",
+        "build:site": "webpack --config ./webpack/site/webpack.prod.js",
+        "start:plugin": "webpack serve --config ./webpack/plugin/webpack.dev.js",
+        "start:site": "webpack serve --config ./webpack/site/webpack.dev.js",
+        "lint": "eslint src --ext .js,.jsx",
+        "lint:fix": "eslint src --fix --ext .js,.jsx",
+        "preversion": "npm run build",
+        "publishSite": "git checkout gh-pages && cp dist-site/* . && git add . && git commit -m 'release' && git push origin gh-pages && git checkout master"
+    },
+    "dependencies": {
+        "d3": "^3.5.6",
+        "mkdirp": "^0.5.1",
+        "prop-types": "^15.7.2",
+        "react": "^17.0.1",
+        "react-dom": "^17.0.1"
+    },
+    "devDependencies": {
+        "@babel/cli": "^7.12.8",
+        "@babel/core": "^7.12.9",
+        "@babel/eslint-parser": "^7.12.1",
+        "@babel/plugin-proposal-class-properties": "^7.12.1",
+        "@babel/preset-env": "^7.12.7",
+        "@babel/preset-react": "^7.12.7",
+        "babel-loader": "^8.2.2",
+        "clean-webpack-plugin": "^3.0.0",
+        "css-loader": "^5.0.1",
+        "eslint": "^7.14.0",
+        "eslint-config-prettier": "^6.15.0",
+        "eslint-plugin-prettier": "^3.1.4",
+        "eslint-plugin-react": "^7.21.5",
+        "eslint-webpack-plugin": "^2.4.0",
+        "html-webpack-plugin": "^4.5.0",
+        "mini-css-extract-plugin": "^1.3.1",
+        "prettier": "^2.2.1",
+        "shx": "^0.3.3",
+        "style-loader": "^2.0.0",
+        "webpack": "^5.9.0",
+        "webpack-cli": "^4.2.0",
+        "webpack-dev-server": "^3.11.0",
+        "webpack-merge": "^5.4.0"
+    },
+    "engines": {
+        "npm": ">=5.0.0"
+    }
 }