feat: Add style minifation for style-modules

build_utils/postcss-build.js

@@ -6,9 +6,11 @@ const chokidar = require('chokidar')
 
 const postcss = require('postcss')
 const autoprefixer = require('autoprefixer')
+const cssnano = require('cssnano');
 
 const postcssPlugins = [
-  autoprefixer
+  autoprefixer,
+  cssnano()
 ]
 // const postcssOptions = {}
 // const filterType = /^text\/css$/

package.json

@@ -25,6 +25,7 @@
     "babel-loader": "^6.3.2",
     "babel-preset-es2015": "^6.22.0",
     "chokidar": "^1.6.1",
+    "cssnano": "^3.10.0",
     "fs-extra": "^2.0.0",
     "postcss": "^5.2.15",
     "replace-in-file": "^2.4.1",

src/components/app/style-module.html

@@ -1,21 +1,7 @@
 <dom-module id="style-module">
     <template>
       <style>
-
-div {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  background-color: red;
-}
-
-div.ciao {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  background-color: red;
-}
-
+        div,div.ciao{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:red}
       </style>
     </template>
 </dom-module>