diff --git a/template/.postcssrc.js b/template/.postcssrc.js
index 249472dab1..eee3e92d7f 100644
--- a/template/.postcssrc.js
+++ b/template/.postcssrc.js
@@ -2,8 +2,9 @@
 
 module.exports = {
   "plugins": {
-    // to edit target browsers: use "browserslist" field in package.json
     "postcss-import": {},
+    "postcss-url": {},
+    // to edit target browsers: use "browserslist" field in package.json
     "autoprefixer": {}
   }
 }
diff --git a/template/package.json b/template/package.json
index e36ce1dcd5..f91ed8b8cb 100644
--- a/template/package.json
+++ b/template/package.json
@@ -102,6 +102,7 @@
     {{/e2e}}
     "postcss-import": "^11.0.0",
     "postcss-loader": "^2.0.8",
+    "postcss-url": "^7.2.1",
     "semver": "^5.3.0",
     "shelljs": "^0.7.6",
     "optimize-css-assets-webpack-plugin": "^3.2.0",