Quellcode durchsuchen

Added auto prefixer to postcss loader in webpack config.

Joe Hawkins vor 8 Jahren
Ursprung
Commit
6329d64eeb
2 geänderte Dateien mit 16 neuen und 7 gelöschten Zeilen
  1. 1 0
      src/main/angular/package.json
  2. 15 7
      src/main/angular/webpack.common.js

+ 1 - 0
src/main/angular/package.json

@@ -41,6 +41,7 @@
     "node-sass": "3.10.1",
     "phantomjs": "2.1.7",
     "phantomjs-prebuilt": "2.1.13",
+    "postcss-loader": "1.0.0",
     "rimraf": "2.5.4",
     "sass-loader": "4.0.2",
     "style-loader": "0.13.1",

+ 15 - 7
src/main/angular/webpack.common.js

@@ -1,5 +1,6 @@
 var CopyWebpackPlugin = require('copy-webpack-plugin');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
+var autoPrefixer = require('autoprefixer');
 var path = require('path');
 var webpack = require('webpack');
 
@@ -42,7 +43,7 @@ module.exports = {
             },
             {
                 test: /\.scss$/,
-                loaders: [ 'style', 'css', 'sass' ]
+                loaders: [ 'style', 'css', 'sass', 'postcss' ]
             },
             {
                 test: /\.json/,
@@ -56,16 +57,23 @@ module.exports = {
         path: outDir
     },
     plugins: [
-        new HtmlWebpackPlugin({
-            template: 'index.html',
-            inject: 'body'
-        }),
-
         new CopyWebpackPlugin([
             { from: 'vendor/angular-ui-router.js', to: 'vendor/' },
             { from: 'node_modules/angular/angular.js', to: 'vendor/' }
-        ])
+        ]),
+
+        new HtmlWebpackPlugin({
+            template: 'index.html',
+            inject: 'body'
+        })
     ],
+    postcss: function() {
+        return [
+            autoPrefixer({
+                browsers: ['last 2 versions']
+            })
+        ];
+    },
     resolve: {
         extensions: [ '', '.ts', '.js', '.json' ],
         modulesDirectories: ['./src', './vendor', 'node_modules']