A warning has been issued: CommonsChunkPlugin will now only accept one argument

Question

I am currently working on building my Angular application using webpack.
To help me with this process, I found a useful link here.
In order to configure webpack, I created a webpack.config.js file at the package.json level and added the line "bundle": "webpack" in the package.json script section.
However, when attempting to run npm run bundle, I encountered an error message stating 'Failed at the [email protected] bundle script 'webpack'.
Can anyone provide assistance on how to rectify this issue?
Below, you will find the code snippet along with the error details for reference.

Folder Structure:

- webapp
  - app
    - app.module.ts
  - package.json
  - webpack.config.js

app.module.ts:

(Code snippet provided)

package.json:

(Code snippet provided)

webpack.config.js:

(Code snippet provided)

Error Details:

(Error message and stack trace provided)

Answer 1

Answer №1

Update the following code in your webpack.config.js:

new webpack.optimize.CommonsChunkPlugin(
    /* chunkName= */"vendor", /* filename= */"vendor.bundle.js")

to:

new webpack.optimize.CommonsChunkPlugin(
    {name:"vendor", filename:"vendor.bundle.js",})

After making this change, everything should work seamlessly.

Answer 2

Update the following code in your webpack.config.js:

new webpack.optimize.CommonsChunkPlugin(
    /* chunkName= */"vendor", /* filename= */"vendor.bundle.js")

to:

new webpack.optimize.CommonsChunkPlugin(
    {name:"vendor", filename:"vendor.bundle.js",})

After making this change, everything should work seamlessly.