diff --git a/build/webpack.prod.conf.js b/build/webpack.prod.conf.js
index e31ffb4d412f041e670f7f539e4f55187bbe3718..c1af96193b073040cddac11208ca1d850cd690f1 100644
--- a/build/webpack.prod.conf.js
+++ b/build/webpack.prod.conf.js
@@ -128,7 +128,7 @@ if (config.build.productionGzip) {
webpackConfig.plugins.push(
new CompressionWebpackPlugin({
- asset: '[path].gz[query]',
+ filename: '[path].gz[query]',
algorithm: 'gzip',
test: new RegExp(
'\\.(' +
diff --git a/config/index.js b/config/index.js
index 2727aca799c73c40fa98a6c7e5315b4b556326b9..a38aebaf548a0c38eb713ccd914c8509a8ed7433 100644
--- a/config/index.js
+++ b/config/index.js
@@ -78,7 +78,7 @@ module.exports = {
// Surge or Netlify already gzip all myblog_static assets for you.
// Before setting to `true`, make sure to:
// npm install --save-dev compression-webpack-plugin
- productionGzip: false,
+ productionGzip: true,
productionGzipExtensions: ["js", "css"],
// Run the build command with an extra argument to
diff --git a/package.json b/package.json
index 01d24df7272d8c08bf1658da8d2514086c2d3873..36575cc9f3472ab7522262dfc2d8f20ec636cfab 100644
--- a/package.json
+++ b/package.json
@@ -43,6 +43,7 @@
"babel-register": "^6.22.0",
"chalk": "^2.0.1",
"chromedriver": "^2.27.2",
+ "compression-webpack-plugin": "^1.1.12",
"copy-webpack-plugin": "^4.0.1",
"cross-spawn": "^5.0.1",
"css-loader": "^0.28.0",
diff --git a/src/comment/ArticleComment.vue b/src/comment/ArticleComment.vue
index dcb76e346c630802c99d207b2c85b472d668e1bc..5b4f48dfe2eaea7fe2758458caebba04aead0878 100644
--- a/src/comment/ArticleComment.vue
+++ b/src/comment/ArticleComment.vue
@@ -37,148 +37,147 @@