Merge pull request #4 from code-collabo/configure-webpack

3 - Configure dev environment & webpack

Author: Ifycode

.babelrc

@@ -0,0 +1,5 @@
+{
+  "presets": [
+    "@babel/preset-env"
+  ]
+}

.eslintrc.json

@@ -0,0 +1,21 @@
+{
+  "root": true,
+  "parser": "@babel/eslint-parser",
+  "extends": [
+    "eslint:recommended",
+    "plugin:import/warnings",
+    "plugin:import/warnings"
+  ],
+  "parserOptions": {
+    "ecmaVersion": 7,
+    "sourceType": "module"
+  },
+  "env": {
+    "browser": true,
+    "node": true
+  },
+  "ignorePatterns": ["src/bundle.js"],
+  "rules": {
+    "no-console": 1
+  }
+}

buildScripts/customize/chalk.js

@@ -0,0 +1,12 @@
+import chalk from 'chalk';
+
+//index.js
+export const dummyMsg = 'Testing dummy page...';
+
+//srcServer.js
+export const port = 3000;
+export const portUrl = `http://localhost:${port}`;
+export const openPort = chalk.greenBright('Open:', chalk.blueBright(portUrl));
+
+//startMsg.js
+export const startMsg = chalk.greenBright('Starting', chalk.blueBright('less-css-helper-library') +' in dev mode');

buildScripts/customize/startMsg.js

@@ -0,0 +1,3 @@
+import { startMsg } from './chalk';
+
+console.log(startMsg);

buildScripts/srcServer.js

@@ -0,0 +1,33 @@
+import express from 'express';
+import path from 'path';
+import open from 'open';
+import { port, portUrl, openPort } from './customize/chalk';
+
+import webpack from 'webpack';
+import config from '../webpack.dev.config';
+import webpackDevMiddleware from 'webpack-dev-middleware';
+
+const app = express();
+
+const compiler = webpack(config);
+
+app.use(webpackDevMiddleware(compiler, {
+  publicPath: config.output.publicPath
+}));
+
+/*eslint-disable no-console*/
+
+app.use(express.static('src'));
+
+app.get('/', (req, res) => {
+  res.sendFile(path.join(__dirname, '../src/index.html'));
+});
+
+app.listen(port, err => {
+  if (err) {
+    console.log(err);
+  } else {
+    console.log(openPort);
+    open(portUrl);
+  }
+});