PostcssImport absolute paths

Author: samginn

packages/react-scripts/config/webpack.config.dev.js

@@ -11,6 +11,7 @@
 
 var path = require('path');
 var cssnext = require('postcss-cssnext');
+var postcssImport = require("postcss-import");
 var webpack = require('webpack');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
 var CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
@@ -173,6 +174,11 @@ module.exports = {
   // We use PostCSS for cssnext
   postcss: function() {
     return [
+      postcssImport({
+        root: path.join(__dirname, "./src"),
+        path: path.join(__dirname, "./src"),
+        addDependencyTo: webpack,
+      }),
       cssnext({
         browsers: [
           '>1%',

packages/react-scripts/config/webpack.config.prod.js

@@ -11,6 +11,7 @@
 
 var path = require('path');
 var cssnext = require('postcss-cssnext');
+var postcssImport = require('postcss-import');
 var webpack = require('webpack');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
 var ExtractTextPlugin = require('extract-text-webpack-plugin');
@@ -192,6 +193,7 @@ module.exports = {
   // We use PostCSS for autoprefixing only.
   postcss: function() {
     return [
+      postcssImport(),
       cssnext({
         browsers: [
           '>1%',

packages/react-scripts/package.json

@@ -54,6 +54,7 @@
     "object-assign": "4.1.0",
     "path-exists": "2.1.0",
     "postcss-cssnext": "2.8.0",
+    "postcss-import": "8.2.0",
     "postcss-loader": "1.0.0",
     "promise": "7.1.1",
     "react-dev-utils": "^0.3.0",
@@ -107,6 +108,7 @@
     "object-assign",
     "path-exists",
     "postcss-cssnext",
+    "postcss-import",
     "postcss-loader",
     "promise",
     "react-dev-utils",