webpack-async-chunk-names-plugin

DEPRECATED, YOU PROBABLY DON'T NEED THIS ANYMORE

https://webpack.js.org/api/module-methods/#import-

import(
  /* webpackChunkName: "my-chunk-name" */
  'module'
);

Why?

Webpack 2 no longer let's you name your cunks generated by System.import() or import(). So you would get chunks named 0.js etc. This plugn attempts to guess the chunk name by parsing the requested filename.

If you need a more robust solution, PR are very welcome.

Installation

As a devDependency!

npm i webpack-async-chunk-names-plugin -D

yarn add webpack-async-chunk-names-plugin -D

Usage

const AsyncChunkNames = require('../index');

module.exports = {
    entry: __dirname + '/entry.js',
    output: {
        path: __dirname + '/output',
        filename: 'output.js',
        chunkFilename: '[name].js'
    },
    plugins: [
        new AsyncChunkNames()
    ]
};

Don't forget to set output.chunkFilename!