[Vuejs]-Height of webpage changes after uploading to heroku server

0👍

After spending days I found that the problem was caused by a plugin HtmlWebpackPlugin used in webpack.prod.js in the webpack folder.

I removed this line chunksSortMode: 'dependency' from the webpack.prod.js and everything is working fine. Change the HtmlWebpackPlugin into this

new HtmlWebpackPlugin({
template: './src/main/webapp/index.html',
chunks: ['vendors', 'main', 'global'],
chunksSortMode: 'manual',
inject: true,
minify: {
removeComments: true,
collapseWhitespace: true,
removeAttributeQuotes: true
},
})

And to solve the error Failed to execute goal com.github.eirslett:frontend-maven-plugin:1.8.0 I used terser-webpack-plugin instead of uglifyjs-webpack-plugin

Leave a comment