shalldie
diff --git a/‎LICENSE
+1-1 b/‎LICENSE
+1-1
diff --git a/‎build/webpack.config.base.js
+9-3 b/‎build/webpack.config.base.js
+9-3
diff --git a/‎build/webpack.config.pro.js
+31-1 b/‎build/webpack.config.pro.js
+31-1
diff --git a/‎dist/git-comment.css
+1 b/‎dist/git-comment.css
+1
diff --git a/‎dist/git-comment.js
+9-1 b/‎dist/git-comment.js
+9-1
diff --git a/‎index.html
+10 b/‎index.html
+10
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2018 谢爽
+Copyright (c) 2018 shalldie
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
 
@@ -13,18 +13,24 @@ module.exports = {
         rules: [
             {
                 test: /\.css$/,
-                use: ['style-loader', 'css-loader']
+                use: ['style-loader', 'css-loader', 'postcss-loader']
             },
             {
                 test: /\.scss$/,
-                use: ['style-loader', 'css-loader', 'sass-loader']
+                use: ['style-loader', 'css-loader', 'postcss-loader', 'sass-loader']
             },
             {
                 test: /\.(png|jpg|gif)$/,
                 use: ['url-loader']
             },
             {
-                test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"
+                test: /\.js$/,
+                exclude: /node_modules/,
+                use: ['babel-loader']
+            },
+            {
+                test: /\.html$/,
+                use: ['html-loader']
             }
         ]
     }
 
@@ -2,6 +2,16 @@ const path = require('path');
 const webpackConfig = require('./webpack.config.base.js');
 const merge = require('webpack-merge');
 
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
+const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
+
+webpackConfig.module.rules.forEach(item => {
+    if (item.use[0] === 'style-loader') {
+        item.use[0] = MiniCssExtractPlugin.loader;
+    }
+});
+
 module.exports = merge(webpackConfig, {
     mode: 'production',
 
@@ -13,6 +23,26 @@ module.exports = merge(webpackConfig, {
         library: 'gitComment',
         libraryTarget: 'umd',
         libraryExport: 'default'
-    }
+    },
+
+    optimization: {
+        minimizer: [
+            new UglifyJsPlugin({
+                cache: true,
+                parallel: true,
+                sourceMap: false // set to true if you want JS source maps
+            }),
+            new OptimizeCSSAssetsPlugin({})
+        ]
+    },
+
+    plugins: [
+        new MiniCssExtractPlugin({
+            // Options similar to the same options in webpackOptions.output
+            // both options are optional
+            filename: "[name].css"
+            // chunkFilename: "[id].css"
+        })
+    ]
 
 });
@@ -0,0 +1 @@
+body{background:#2ad;transition:.3s;animation:fdasf 3s linear}
@@ -6,6 +6,16 @@
 </head>
 <body>
     <div id="root"></div>
+    <style>
+    #root {
+        box-sizing: border-box;
+        margin: 50px auto;
+        width: 800px;
+        min-height: 200px;
+        background: #fff;
+        border: 1px solid #ddd
+    }
+    </style>
     <script src="/dist/index.js"></script>
 </body>
 </html>
Original file line number	Diff line number	Diff line change
`@@ -13,18 +13,24 @@ module.exports = {`
`13`	`13`	`rules: [`
`14`	`14`	`{`
`15`	`15`	`test: /\.css$/,`
`16`		`- use: ['style-loader', 'css-loader']`
	`16`	`+ use: ['style-loader', 'css-loader', 'postcss-loader']`
`17`	`17`	`},`
`18`	`18`	`{`
`19`	`19`	`test: /\.scss$/,`
`20`		`- use: ['style-loader', 'css-loader', 'sass-loader']`
	`20`	`+ use: ['style-loader', 'css-loader', 'postcss-loader', 'sass-loader']`
`21`	`21`	`},`
`22`	`22`	`{`
`23`	`23`	`test: /\.(png\|jpg\|gif)$/,`
`24`	`24`	`use: ['url-loader']`
`25`	`25`	`},`
`26`	`26`	`{`
`27`		`- test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"`
	`27`	`+ test: /\.js$/,`
	`28`	`+ exclude: /node_modules/,`
	`29`	`+ use: ['babel-loader']`
	`30`	`+ },`
	`31`	`+ {`
	`32`	`+ test: /\.html$/,`
	`33`	`+ use: ['html-loader']`
`28`	`34`	`}`
`29`	`35`	`]`
`30`	`36`	`}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+body{background:#2ad;transition:.3s;animation:fdasf 3s linear}`