{"id":27541,"library":"webpack-async-chunk-names-plugin","title":"Webpack Async Chunk Names Plugin","description":"A webpack plugin that names on-demand chunks created by System.import() or import() by parsing the requested filename. Current version 0.1.1 is marked as WIP with expected bugs and breaking changes. It attempts to guess chunk names automatically, but has no active development or maintenance. Key differentiators: lightweight, zero-config plugin for naming async chunks. Compared to webpack's built-in chunk naming, this plugin tries to infer names from file paths.","status":"abandoned","version":"0.1.1","language":"javascript","source_language":"en","source_url":"https://github.com/kostasmanionis/webpack-async-chunk-names-plugin","tags":["javascript"],"install":[{"cmd":"npm install webpack-async-chunk-names-plugin","lang":"bash","label":"npm"},{"cmd":"yarn add webpack-async-chunk-names-plugin","lang":"bash","label":"yarn"},{"cmd":"pnpm add webpack-async-chunk-names-plugin","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"peer dependency, requires webpack ^2.1.0-beta.22 or compatible","package":"webpack","optional":false}],"imports":[{"note":"Package does not ship ESM; only CommonJS is supported.","wrong":"import AsyncChunkNames from 'webpack-async-chunk-names-plugin';","symbol":"AsyncChunkNames","correct":"const AsyncChunkNames = require('webpack-async-chunk-names-plugin');"},{"note":"Plugin is instantiated with no options; no constructor arguments are supported.","wrong":"","symbol":"new AsyncChunkNames()","correct":"new AsyncChunkNames()"},{"note":"Plugin must be added to plugins array; chunkFilename must be set in output config.","wrong":"Set output.chunkFilename without plugin or use webpack's default naming functions","symbol":"async chunk naming","correct":"Use as plugin in webpack config: plugins: [new AsyncChunkNames()]"}],"quickstart":{"code":"const AsyncChunkNames = require('webpack-async-chunk-names-plugin');\n\nmodule.exports = {\n  entry: './src/index.js',\n  output: {\n    filename: 'bundle.js',\n    chunkFilename: '[name].[chunkhash].js'\n  },\n  plugins: [\n    new AsyncChunkNames()\n  ]\n};","lang":"javascript","description":"Adds AsyncChunkNames plugin to webpack config, requiring output.chunkFilename to use [name] placeholder."},"warnings":[{"fix":"Consider alternative plugins or webpack built-in chunk naming.","message":"Package is marked as WIP and likely unmaintained; expect bugs and breaking changes.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"If using webpack >=3, do not use this plugin; use webpack's default [name] via output.chunkFilename.","message":"Requires webpack 2.x beta; incompatible with webpack 3+","severity":"breaking","affected_versions":">=0.0.0"},{"fix":"Ensure import paths are straightforward; test chunk naming in output.","message":"Chunk name guessing may not work for all dynamic import patterns; may produce incorrect names.","severity":"gotcha","affected_versions":">=0.0.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"npm install webpack-async-chunk-names-plugin --save-dev","cause":"Package not installed or not listed in dependencies","error":"Cannot find module 'webpack-async-chunk-names-plugin'"},{"fix":"Use const AsyncChunkNames = require('webpack-async-chunk-names-plugin');","cause":"Incorrect import: using ESM import instead of require","error":"TypeError: AsyncChunkNames is not a constructor"},{"fix":"Set output.chunkFilename to something like '[name].[chunkhash].js'","cause":"Plugin expects [name] in output.chunkFilename; other placeholders may not work","error":"Error: Only [name] placeholder is supported in chunkFilename"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}