nimacsoft / razzle-plugin-manifest

🍕 Razzle plugin to Export Chunks Path from Webpack

razzle-plugin-manifest

This package contains a plugin to group route level chunk files with Razzle

Output

{
  "ChunkName": {
    "css": [
      "path/to/chunk.css"
    ],
    "js": [
      "path/to/chunk.js"
    ]
  },
  "OtherChunk": {
    "css": [
      "path/to/OtherChunk.css"
    ],
    "js": [
      "path/to/OtherChunk.js"
    ]
  },
  "client": {
    "css": [
      "path/to/bundle.css"
    ],
    "js": [
      "path/to/client.js"
    ]
  }
}

Usage in Razzle Projects

yarn add razzle-plugin-manifest --dev

create a razzle.config.js file in root directory of project (next to the package.json) and put this content inside it

Using the plugin with the default options

// razzle.config.js

module.exports = {
  plugins: ["manifest"]
};

With custom options:

// razzle.config.js

module.exports = {
  plugins: [
    {
      name: "manifest",
      options: {
        filePath: "./../manifest"
      }
    }
  ]
};

Options

filePath: boolean (defaults: ./../manifest)

Change filePath if you want razzle change output filename and directory.