updates for pixrem [appends #247]

USDA-FSA · Jun 13, 2018 · 4a1a4ef · 4a1a4ef
1 parent 7efcc45
commit 4a1a4ef
Show file tree

Hide file tree

Showing 4 changed files with 496 additions and 506 deletions.
diff --git a/package.json b/package.json
@@ -41,6 +41,7 @@
     "webpack-merge": "^4.1.2"
   },
   "dependencies": {
-    "html-beautify-webpack-plugin": "^1.0.5"
+    "html-beautify-webpack-plugin": "^1.0.5",
+    "pixrem": "^4.0.1"
   }
 }
diff --git a/webpack.dev.js b/webpack.dev.js
@@ -4,6 +4,7 @@
 const path = require('path');
 const webpack = require('webpack');
 const autoprefixer = require('autoprefixer');
+const pixrem = require('pixrem');
 const merge = require('webpack-merge');
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 var StyleLintPlugin = require('stylelint-webpack-plugin');
@@ -35,14 +36,11 @@ module.exports = merge(common, {
           {
             loader: 'postcss-loader',
             options: {
-              sourceMap: true,
-              plugins() {
-                return [autoprefixer(
-                  {
-                    grid: true
-                  }
-                )];
-              }
+              plugins: () =>  [
+                pixrem ({unitPrecision: 3}),
+                autoprefixer ({grid: true})
+              ],
+              sourceMap: true
             }
           },
           'sass-loader'           

diff --git a/webpack.prod.js b/webpack.prod.js
@@ -3,6 +3,7 @@
 //
 const webpack = require('webpack');
 const autoprefixer = require('autoprefixer');
+const pixrem = require('pixrem');
 const merge = require('webpack-merge');
 const path = require('path');
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
@@ -13,6 +14,10 @@ module.exports = merge(common, {
 
   mode: 'production',
 
+  optimization: {
+    minimize: true
+  },
+
   output: {
     path: path.resolve('./dist'),
     filename: '[name].bundle.js'    
@@ -32,13 +37,10 @@ module.exports = merge(common, {
           {
             loader: 'postcss-loader',
             options: {
-              plugins() {
-                return [autoprefixer(
-                  {
-                    grid: true
-                  }
-                )];
-              },
+              plugins: () =>  [
+                pixrem ({unitPrecision: 3}),
+                autoprefixer ({grid: true})
+              ],
               sourceMap: true
             }
           },