CleanWebpackPlugin config fail when build

webpack webpack-4 webpack-plugin
Owlnado picture Owlnado · Mar 22, 2019 · Viewed 7.6k times · Source

I tried to implement a webpack config on a Wordpress theme. I want to add the CleanWebpackPlugin and made a correct install of it.

I read a tutorial and I wrote something like this on my webpack.config.js:

new CleanWebpackPlugin(['./js/build/*','./css/build/*']),

After I made my npm run build I received this error:

clean-webpack-plugin only accepts an options object.

and it redirected me to the GitHub project. I read the documentation but didn't find how to solve my problem.

Can somebody help?

Answer

felixmosh picture felixmosh · Mar 22, 2019

I see that CleanWebpackPlugin v2 was released 18 days ago, It looks like you are using an old option type.

The new version, claims:

By default, this plugin will remove all files inside webpack's output.path directory, as well as all unused webpack assets after every successful rebuild.

So, if you need to clean a folder that is not in the output.path, you probably should follow: additional v2 information.

They introduced a new option to clean paths that are outside of output.path:

new CleanWebpackPlugin({
  cleanOnceBeforeBuildPatterns: ['./js/build/*','./css/build/*']
})

Related questions

webpack 4 disable uglifyjs-webpack-plugin

I have had this problem for the last 2 days. So I decided to completely disable uglifyjs-webpack-plugin from webpack build process. I was not able to find anything on webpack 4.

Read More
Webpack 4 - create vendor chunk

In a webpack 3 configuration I would use the code below to create separate vendor.js chunk: entry: { client: ['./client.js'], vendor: ['babel-polyfill', 'react', 'react-dom', 'redux'], }, output: { filename: '[name].[chunkhash].bundle.js', path: '../dist', chunkFilename: '[name].[chunkhash].…

Read More
Webpack 4 - How to configure minimize?

Webpack 4 comes with the following statement: webpack.optimize.UglifyJsPlugin has been removed, please use config.optimization.minimize instead. Fair enough, but I cannot find any information about configuring the UglifyJsPlugin instance running under the hood, for example to change the …

Read More