Updated functionality related to PostCSS - #307

- bumped postcss and postcss-loader versions
- removed deprecated custom logic related to setting up PostCSS
- updated tests

As communicated in #307 and on the related PR from @stylesuxx on the
template repo we can use PostCSS` more recent config file feature
instead of modifying our config.

If users prompt the PostCSS question with yes, deps for postcss and
postcss-loader are added to their package.json.

The updated tests check that
- postcss and postcss-loader deps are added on PostCSS yes
- postcss and postcss-loader deps are not added on PostCSS no
- postcss.config.js is copied to the project root

Author: sthzg

generators/app/index.js

@@ -154,12 +154,6 @@ class AppGenerator extends Generators.Base {
 
   install() {
 
-    // Currently buggy!
-    if(this.postcss) {
-      const postcss = require('./postcss');
-      postcss.write(path.join(this.destinationRoot(), 'conf/webpack/Base.js'));
-    }
-
     if(!this.options['skip-install']) {
       this.installDependencies({ bower: false });
     }

generators/app/postcss.js

@@ -163,6 +163,27 @@ describe('react-webpack:app without cssmodules support', () => {
   });
 });
 
+describe('react-webpack:app without PostCSS support', () => {
+
+  let prompts = {};
+  for(let p of defaultPrompts) {
+    prompts[p.name] = p.default;
+  }
+  prompts.postcss = false;
+
+  before(() => {
+    return beforeLoad(prompts);
+  });
+
+  describe('#createFiles', () => {
+
+    it('should not add postcss and postcss-loader deps', () => {
+      assert.noFileContent('package.json', 'postcss');
+      assert.noFileContent('package.json', 'postcss-loader');
+    });
+  });
+});
+
 describe('react-webpack:app with PostCSS support', () => {
 
   let prompts = {};
@@ -203,7 +224,14 @@ describe('react-webpack:app with PostCSS support', () => {
         '.editorconfig',
         '.eslintrc',
         '.gitignore',
-        '.yo-rc.json'
+        '.yo-rc.json',
+      ]);
+    });
+
+    it('should generate postcss.config.js', () => {
+
+      assert.file([
+        'postcss.config.js'
       ]);
     });
 
@@ -225,48 +253,6 @@ describe('react-webpack:app with PostCSS support', () => {
       ]);
     });
 
-    it('should insert the postcss loader into the style pipes', () => {
-      assert.fileContent('conf/webpack/Base.js', `{
-                loader: 'css-loader',
-                query: cssModulesQuery
-              },
-              { loader: 'postcss-loader' }`);
-      assert.fileContent('conf/webpack/Base.js', `{ loader: 'css-loader' },
-              { loader: 'postcss-loader' }`);
-      assert.fileContent('conf/webpack/Base.js', `{
-                loader: 'css-loader',
-                query: cssModulesQuery
-              },
-              { loader: 'postcss-loader' },
-              { loader: 'sass-loader' }`);
-      assert.fileContent('conf/webpack/Base.js', `{ loader: 'css-loader' },
-              { loader: 'postcss-loader' },
-              { loader: 'sass-loader' }`);
-      assert.fileContent('conf/webpack/Base.js', `{
-                loader: 'css-loader',
-                query: cssModulesQuery
-              },
-              { loader: 'postcss-loader' },
-              { loader: 'less-loader' }`);
-      assert.fileContent('conf/webpack/Base.js', `{ loader: 'css-loader' },
-              { loader: 'postcss-loader' },
-              { loader: 'less-loader' }`);
-      assert.fileContent('conf/webpack/Base.js', `{
-                loader: 'css-loader',
-                query: cssModulesQuery
-              },
-              { loader: 'postcss-loader' },
-              { loader: 'stylus-loader' }`);
-      assert.fileContent('conf/webpack/Base.js', `{ loader: 'css-loader' },
-              { loader: 'postcss-loader' },
-              { loader: 'stylus-loader' }`);
-    });
-
-    it('should append the postcss function to the base config', () => {
-
-      assert.fileContent('conf/webpack/Base.js', 'postcss: function () {');
-    });
-
     it('should generate required source files', () => {
 
       assert.file([
@@ -282,6 +268,11 @@ describe('react-webpack:app with PostCSS support', () => {
       ]);
     });
 
+    it('should add postcss and postcss-loader deps', () => {
+      assert.fileContent('package.json', 'postcss');
+      assert.fileContent('package.json', 'postcss-loader');
+    });
+
     it('should generate test configuration and basic tests', () => {
 
       assert.file([

test/generators/app/indexTest.js

@@ -45,8 +45,8 @@
         "name": "postcss",
         "value": "postcss",
         "packages": [
-          { "name": "postcss", "version": "^5.0.21" },
-          { "name": "postcss-loader", "version": "^0.9.1" }
+          { "name": "postcss", "version": "^5.2.6" },
+          { "name": "postcss-loader", "version": "^1.2.1" }
         ]
       }
     ]