All Projects → pveyes → asset-graph-webpack-plugin

pveyes / asset-graph-webpack-plugin

Licence: other
Webpack plugin to easily get assets dependency graph based on entry point

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to asset-graph-webpack-plugin

alphasql
AlphaSQL provides Integrated Type and Schema Check and Parallelization for SQL file set mainly for BigQuery
Stars: ✭ 35 (+169.23%)
Mutual labels:  dependency-analysis, dependency-graph
react
Basic Primitives Diagrams for React. Data visualization components library that implements organizational chart and multi-parent dependency diagrams.
Stars: ✭ 15 (+15.38%)
Mutual labels:  dependency-analysis, dependency-graph
Dependency Cruiser
Validate and visualize dependencies. Your rules. JavaScript, TypeScript, CoffeeScript. ES6, CommonJS, AMD.
Stars: ✭ 2,326 (+17792.31%)
Mutual labels:  dependency-analysis, dependency-graph
git-explode
Explode linear sequence of git commits into topic branches
Stars: ✭ 43 (+230.77%)
Mutual labels:  dependency-analysis, dependency-graph
javascript
Basic Primitives Diagrams for JavaScript - data visualization components library that implements organizational chart and multi-parent dependency diagrams, contains implementations of JavaScript Controls and PDF rendering plugins.
Stars: ✭ 46 (+253.85%)
Mutual labels:  dependency-analysis, dependency-graph
python dep generator
Genrates python dependency graph
Stars: ✭ 21 (+61.54%)
Mutual labels:  dependency-graph
module-mapping-webpack-plugin
Webpack plugin for mapping modules onto different files
Stars: ✭ 25 (+92.31%)
Mutual labels:  webpack-plugin
mixedvines
Python package for canonical vine copula trees with mixed continuous and discrete marginals
Stars: ✭ 36 (+176.92%)
Mutual labels:  dependency-analysis
mangle-css-class-webpack-plugin
Minifies and obfuscates the class names in your existing JavaScript, CSS, and HTML without any modern css modules.
Stars: ✭ 96 (+638.46%)
Mutual labels:  webpack-plugin
efda
Evaluation Framework for Dependency Analysis (EFDA)
Stars: ✭ 34 (+161.54%)
Mutual labels:  dependency-analysis
oga-maven-plugin
🧩 Old GroupIds Alerter - A Maven plugin that checks for deprecated groupId+artifactId (e.g. did you know that graphql-spring-boot-starter moved from com.graphql-java to com.graphql-java-kickstart?).
Stars: ✭ 22 (+69.23%)
Mutual labels:  dependency-analysis
license-info-webpack-plugin
Making a list of package's LICENSE information for webpack
Stars: ✭ 20 (+53.85%)
Mutual labels:  webpack-plugin
tde-webpack-mjml-plugin
Webpack plugin for converting MJML files to HTML
Stars: ✭ 12 (-7.69%)
Mutual labels:  webpack-plugin
base-href-webpack-plugin
Webpack plugin for inserting base href tag in head block
Stars: ✭ 23 (+76.92%)
Mutual labels:  webpack-plugin
robotstxt-webpack-plugin
A webpack plugin to generate a robots.txt file
Stars: ✭ 31 (+138.46%)
Mutual labels:  webpack-plugin
nrwl-nx-action
A GitHub Action to wrap Nrwl Nx commands in your workflows.
Stars: ✭ 163 (+1153.85%)
Mutual labels:  dependency-graph
chunk-progress-webpack-plugin
Provides runtime progress events by replacing default webpack chunk loading with XHR
Stars: ✭ 17 (+30.77%)
Mutual labels:  webpack-plugin
dva-typescript-antd-starter-kit
A admin dashboard application demo based on antd by typescript and dva
Stars: ✭ 61 (+369.23%)
Mutual labels:  webpack-plugin
sass-graph-viz
Draw a visual graph of Sass dependencies
Stars: ✭ 21 (+61.54%)
Mutual labels:  dependency-graph
inline-source-webpack-plugin
A webpack plugin to embed css/js resource in the html.
Stars: ✭ 18 (+38.46%)
Mutual labels:  webpack-plugin

asset-graph-webpack-plugin

Webpack plugin to easily get assets dependency graph based on entry point

Given your application entry points, get all files needed to load from that entry point

No more manually write script tag every time you create another page!

Example

Your webpack.config.js file

var CommonsChunkPlugin = require('webpack/lib/optimize/CommonsChunkPlugin');
var AssetGraphPlugin = require('asset-graph-webpack-plugin');

module.exports = {
  target: 'web',
  entry: {
    home: './app/home',
    detail: './app/detail'
  },
  output: {
    filename: 'js/[name]-[hash].bundle.js',
    publicPath: '/assets/',
    chunkFilename: 'js/[name]-[chunkhash].bundle.js',
    path: './public/',
  },
  plugins: [
    new CommonsChunkPlugin({name: 'common'}),
    new AssetGraphPlugin('./assets.json')
  ]
};

Will output deps.json file which contain

{
  "hash": "3058a8bcbb6ee2dfe373",
  "publicPath": "/assets/",
  "assets": {
    "home": {
      "js": [
        "/assets/js/common-3058a8bcbb6ee2dfe373.bundle.js",
        "/assets/js/home-3058a8bcbb6ee2dfe373.bundle.js"
      ],
      "css": [
        "/assets/style-3058a8bcbb6ee2dfe373.css"
      ]
    },
    "detail": {
      "js": [
        "/assets/js/common-3058a8bcbb6ee2dfe373.bundle.js",
        "/assets/js/detail-3058a8bcbb6ee2dfe373.bundle.js"        
      ]
    },
  }
}

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].