added config files

foxhound87 · Nov 9, 2016 · 7d2e625 · 7d2e625
1 parent e653122
commit 7d2e625
Show file tree

Hide file tree

Showing 10 changed files with 32 additions and 25 deletions.
diff --git a/webpack/postcss/postcss.config.js → config/postcss.js b/webpack/postcss/postcss.config.js → config/postcss.js
@@ -1,3 +1,4 @@
+/* eslint import/no-extraneous-dependencies: 0 */
 import postcssImport from 'postcss-import';
 import postcssExtend from 'postcss-extend';
 import postcssFocus from 'postcss-focus';
@@ -6,14 +7,12 @@ import autoprefixer from 'autoprefixer';
 import precss from 'precss';
 import cssnano from 'cssnano';
 
-export default function getConfig(bundler) {
-  return [
-    postcssImport({ addDependencyTo: bundler }),
-    postcssUrl('inline'),
-    postcssExtend(),
-    postcssFocus(),
-    autoprefixer(),
-    precss(),
-    cssnano(),
-  ];
-}
+export default bundler => [
+  postcssImport({ addDependencyTo: bundler }),
+  postcssUrl('inline'),
+  postcssExtend(),
+  postcssFocus(),
+  autoprefixer(),
+  precss(),
+  cssnano(),
+];
diff --git a/config/vendor.js b/config/vendor.js
@@ -0,0 +1,12 @@
+/**
+  Vendor for webpack code splitting
+*/
+
+export default [
+  'react',
+  'react-dom',
+  'mobx',
+  'mobx-react',
+  'bluebird',
+  'socket.io-client',
+];
diff --git a/src/shared/containers/AppLayout.jsx b/src/shared/containers/AppLayout.jsx
@@ -1,6 +1,5 @@
 import React, { Component } from 'react';
 import Helmet from 'react-helmet';
-// import { connect } from '~/src/utils/state';
 import { observer } from 'mobx-react';
 
 import cx from 'classnames';

diff --git a/src/shared/containers/Breakpoints.jsx b/src/shared/containers/Breakpoints.jsx
@@ -1,6 +1,5 @@
 import React, { Component } from 'react';
 import Helmet from 'react-helmet';
-// import { connect } from '~/src/utils/state';
 import { observer } from 'mobx-react';
 import cx from 'classnames';
 

diff --git a/src/shared/containers/Home.jsx b/src/shared/containers/Home.jsx
@@ -1,6 +1,5 @@
 import React, { Component } from 'react';
 import Helmet from 'react-helmet';
-// import { connect } from '~/src/utils/state';
 import { observer } from 'mobx-react';
 import cx from 'classnames';
 

diff --git a/src/shared/containers/Messages.jsx b/src/shared/containers/Messages.jsx
@@ -1,6 +1,5 @@
 import React, { Component } from 'react';
 import Helmet from 'react-helmet';
-// import { connect } from '~/src/utils/state';
 import { observer } from 'mobx-react';
 import cx from 'classnames';
 

diff --git a/webpack/config.client.build.js b/webpack/config.client.build.js
@@ -3,6 +3,8 @@ import ProgressBarPlugin from 'progress-bar-webpack-plugin';
 import webpack from 'webpack';
 import path from 'path';
 
+import vendor from '~/config/vendor';
+
 const Dir = global.DIR;
 
 export function loader() {
@@ -42,15 +44,13 @@ export function config() {
     bail: true,
     devtool: 'source-map',
     entry: {
+      vendor,
       app: [
         'babel-polyfill',
         'isomorphic-fetch',
         'whatwg-fetch',
         path.join(Dir.web, 'client'),
       ],
-      vendor: [
-        'react', 'react-dom', 'mobx', 'mobx-react', 'bluebird', 'socket.io-client',
-      ],
     },
     output: {
       path: path.join(Dir.public, 'build'),

diff --git a/webpack/config.client.dev.js b/webpack/config.client.dev.js
@@ -3,6 +3,8 @@ import webpack from 'webpack';
 import getenv from 'getenv';
 import path from 'path';
 
+import vendor from '~/config/vendor';
+
 const Dir = global.DIR;
 
 const webhost = ['http://', getenv('WEB_HOST'), ':', getenv('WEB_PORT')].join('');
@@ -38,6 +40,7 @@ export function config() {
   return {
     devtool: 'cheap-module-eval-source-map',
     entry: {
+      vendor,
       app: [
         'babel-polyfill',
         'isomorphic-fetch',
@@ -47,9 +50,6 @@ export function config() {
         // ['webpack-hot-middleware/client', webhost].join('?'),
         path.join(Dir.web, 'client'),
       ],
-      vendor: [
-        'react', 'react-dom', 'mobx', 'mobx-react', 'bluebird', 'socket.io-client',
-      ],
     },
     output: {
       path: '/',

diff --git a/webpack/config.client.js b/webpack/config.client.js
@@ -1,7 +1,7 @@
 import webpack from 'webpack';
 import getenv from 'getenv';
 import env from '~/config/expose';
-import getPostCSSConfig from './postcss/postcss.config';
+import postcss from '~/config/postcss';
 
 export function load() {
   return {
@@ -25,7 +25,7 @@ export function load() {
         minimize: false,
         debug: true,
         options: {
-          postcss: getPostCSSConfig(webpack, {}),
+          postcss: postcss(webpack),
         },
       }),
     ],

diff --git a/webpack/config.server.js b/webpack/config.server.js
@@ -1,7 +1,7 @@
 import webpack from 'webpack';
 import getenv from 'getenv';
 import env from '~/config/expose';
-import getPostCSSConfig from './postcss/postcss.config';
+import postcss from '~/config/postcss';
 
 export function load() {
   return {
@@ -23,7 +23,7 @@ export function load() {
         minimize: true,
         debug: false,
         options: {
-          postcss: getPostCSSConfig(webpack, {}),
+          postcss: postcss(webpack),
         },
       }),
     ],