Merge pull request #8 from Reaper622/dev

Dev

Author: Reaper622

README.md

@@ -58,11 +58,12 @@ articles/
 ```
 npm run build
 ```
-
+- 如要使用 HTTPS 服务则提前将SSL证书的 ssl.crt 与 ssl.key 存放在 server/ssl 目录中
 - 执行服务端运行指令
 
 ```
-npm run server
+npm run server // http
+npm run server:ssl // https
 ```
 
 - 访问 [localhost:4000](locahost:4000) 即可访问 

config/webpack.common.js

@@ -33,16 +33,18 @@ const commonConfig = {
         use: ['happypack/loader?id=babel']
       },
       {
-        test: /\.(png|svg|jpg|gif)$/,
-        use: [{
+        test: /\.(png|svg|jpg|gif|webp)$/,
+        use: [
+          {
           loader: 'url-loader',
           options: {
             // 30KB 以下大小的图片文件用base64编码来减少请求次数
-            limit: 1024 - 30,
+            limit: 1024 * 30,
             // 超出 30KB 的图片仍用 file-loader压缩
             fallback: 'file-loader'
           }
-        }]
+        }
+      ]
       },
       {
         test: /\.(woff|woff2|eot|ttf|otf)$/,

config/webpack.prod.js

@@ -6,6 +6,7 @@ const ParallelUglifyPlugin = require('webpack-parallel-uglify-plugin');
 const ModuleConcatenationPlugin = require('webpack/lib/optimize/ModuleConcatenationPlugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CleanWebpackPlugin = require('clean-webpack-plugin');
+const ImageminPlugin = require('imagemin-webpack-plugin').default;
 
 const prodConfig = {
   mode: 'production',
@@ -65,7 +66,15 @@ const prodConfig = {
         }
       }
     }),
-    new CleanWebpackPlugin()
+    new CleanWebpackPlugin(),
+    new ImageminPlugin({
+      pngquant: {
+        quality: '95-100'
+      },
+      jpegtran: {
+        progressive: true
+      }
+    })
   ],
   optimization: {
     // 代码分割