when running webpack dev server with clean plugin clearing dist folder and content not served

[saibhargavag]

hi I am running webpack dev server with clean webpack plug in. It is working fine if we are just building it. but when I start dev server this plugin is clearing dist folder and so there is nothing to serve for the server and my screen is empty.

This is wepack configuratio I used.

plugins: [
new cleanWebPackOutPut(['dist/.']),
new HtmlWebpackPlugin
({
template: './src/index.html',
filename: 'index.html',
hash:true,
inject: true
})
],
devServer: {
index: 'index.html',
contentBase: path.join(__dirname, 'dist'),
compress: true,
hot: true, //Hot module replacement
port: 9000,
open: 'chrome' //open in chrome
}

[saibhargavag]

hi I figured it out. webpack dev server causing the recompile and thus invocation of clean webpack plugin, which clears dist folder. but to keep files there in dist folder you must instruct it to write to disk. then after every recompile it writes files to disk this can be set through writeToDisk:true,

devServer: {
index: 'index.html',
contentBase: path.join(__dirname, 'dist'),
compress: true,
hot: true, //Hot module replacement
port: 9000,
writeToDisk:true,
open: 'chrome' //open in chrome
}

this solved my question of keeping output files generated intact.

[wenxuehai]

What version of the webpack-dev-server do you use. I have tried, but failed

[wenxuehai]

@saibhargavag

[NageshKuruva]

thanks it worked for me :)

[pabloskubert]

Oh, thank so much

[ousmanediallo95]

Thank you dear. it worked for me .

[StepanovMax]

hi I figured it out. webpack dev server causing the recompile and thus invocation of clean webpack plugin, which clears dist folder. but to keep files there in dist folder you must instruct it to write to disk. then after every recompile it writes files to disk this can be set through writeToDisk:true,

devServer: {
index: 'index.html',
contentBase: path.join(__dirname, 'dist'),
compress: true,
hot: true, //Hot module replacement
port: 9000,
writeToDisk:true,
open: 'chrome' //open in chrome
}

this solved my question of keeping output files generated intact.

That's worked for me :)