init code

Author: zhangjunlei26

.babelrc

@@ -0,0 +1,9 @@
+{
+  "presets": [
+    ["es2015", { "modules": false }],
+    "stage-2"
+  ],
+  "plugins": [
+    "transform-export-extensions"
+  ]
+}

.eslintignore

@@ -0,0 +1,3 @@
+build/**
+config/**
+node_modules/**

.eslintrc.js

@@ -0,0 +1,44 @@
+var IGNORE = 0, WARN = 1, ERROR = 2, MAX_PARAMS = 4
+
+module.exports = {
+  root: true,
+  parser: 'babel-eslint',
+  extends: 'airbnb-base',
+  // required to lint *.vue files
+  plugins: [
+    'html'
+  ],
+  globals: {
+    'pt': false,
+    'TGP': false,
+    'window': false,
+    'pgvMain': false,
+    'location': false,
+    'document': false,
+    'BJ_REPORT': false,
+    'pgvSendClick': false,
+    '__API_HOST__': false,
+    '__ASSETS_PUBLIC_PATH__': false
+  },
+  settings: {
+    'import/resolver': {
+      webpack: {
+        config: 'build/webpack.base.conf.js'
+      }
+    }
+  },
+  // add your custom rules here
+  'rules': {
+    'no-plusplus': IGNORE,
+    'no-param-reassign': [ERROR, { 'props': false }],
+    // allow debugger during development
+    'no-debugger': process.env.NODE_ENV === 'production' ? ERROR : IGNORE,
+    // don't require .vue extension when importing
+    'import/extensions': [ERROR, 'always', {
+      'js': 'never',
+      'vue': 'never',
+      'css': 'never',
+      'json': 'never'
+    }],
+  }
+}

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "vsicons.presets.angular": false
+}

app/index.js

@@ -0,0 +1,85 @@
+'use strict'
+const express = require('express')
+const path = require('path')
+const favicon = require('serve-favicon')
+const logger = require('morgan')
+const cookieParser = require('cookie-parser')
+const bodyParser = require('body-parser')
+const app = express()
+
+const webpack = require("webpack")
+const webpackConfig = require('../webpack.config')
+const compiler = webpack(webpackConfig)
+
+const devMiddleware = require('webpack-dev-middleware')(compiler, {
+  publicPath: webpackConfig.output.publicPath,
+  stats: {
+    colors: true,
+    chunks: true,
+    lazy: false,
+    headers: { "X-Custom-Header": "yes" },
+  }
+})
+
+const hotMiddleware = require('webpack-hot-middleware')(compiler)
+  // force page reload when html-webpack-plugin template changes
+compiler.plugin('compilation', compilation => {
+  compilation.plugin('html-webpack-plugin-after-emit', (data, cb) => {
+    hotMiddleware.publish({ action: 'reload' })
+    cb()
+  })
+})
+
+//var index = require('./routes/index');
+//var users = require('./routes/users');
+const routes = require('./routes/index');
+// view engine setup
+app.set('views', path.join(__dirname, 'views'));
+app.set('view engine', 'ejs');
+
+
+// app.use('/', index);
+// app.use('/users', users);
+routes(app);
+
+// handle fallback for HTML5 history API
+app.use(require('connect-history-api-fallback')())
+
+// serve webpack bundle output
+app.use(devMiddleware)
+
+// enable hot-reload and state-preserving
+// compilation error display
+app.use(hotMiddleware)
+
+
+// uncomment after placing your favicon in /public
+app.use(favicon(path.join(__dirname, '../public', 'favicon.ico')));
+app.use(logger('dev'));
+app.use(bodyParser.json());
+app.use(bodyParser.urlencoded({ extended: false }));
+app.use(cookieParser());
+
+app.use(express.static(path.join(__dirname, '../public')));
+
+
+
+// catch 404 and forward to error handler
+app.use(function(req, res, next) {
+  var err = new Error('Not Found');
+  err.status = 404;
+  next(err);
+});
+
+// error handler
+app.use(function(err, req, res, next) {
+  // set locals, only providing error in development
+  res.locals.message = err.message;
+  res.locals.error = req.app.get('env') === 'development' ? err : {};
+
+  // render the error page
+  res.status(err.status || 500);
+  res.render('error');
+});
+
+module.exports = app;

app/routes/index.js

@@ -0,0 +1,15 @@
+/*var express = require('express');
+var router = express.Router();
+router.get('/', function(req, res, next) {
+  res.render('index', { title: 'Express' });
+});
+module.exports = router;
+*/
+module.exports = function(app) {
+  app.get('/hello', function(req, res) {
+    res.render('index', { title: 'ExpressZ', hello: '<h1>Hello Title!</h1>' });
+  });
+  app.get('/test', function(req, res) {
+    res.send('Hello World!');
+  });
+}

app/routes/users.js

@@ -0,0 +1,9 @@
+var express = require('express');
+var router = express.Router();
+
+/* GET users listing. */
+router.get('/', function(req, res, next) {
+  res.send('respond with a resource');
+});
+
+module.exports = router;

app/views/error.ejs

@@ -0,0 +1,3 @@
+<h1><%= message %></h1>
+<h2><%= error.status %></h2>
+<pre><%= error.stack %></pre>

app/views/footer.ejs

@@ -0,0 +1,3 @@
+	<p>This is footer!</p>
+  </body>
+</html>

app/views/header.ejs

@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title><%= title %></title>
+    <link rel='stylesheet' href='/stylesheets/style.css' />
+  </head>
+  <body>
+  	<p>This is header!</p>

app/views/index.ejs

@@ -0,0 +1,5 @@
+<%- include header %>
+    <h1><%= title %></h1>
+    <p>Welcome to <%= title %></p>
+    <%- hello %>
+<%- include footer %>

bin/www.js

@@ -0,0 +1,94 @@
+#!/usr/bin/env node
+
+/**
+ * Module dependencies.
+ */
+
+var app = require('../app/index');
+var debug = require('debug')('blog:server');
+var http = require('http');
+const pkg = require('../package.json')
+const opn = require('opn')
+
+/**
+ * Get port from environment and store in Express.
+ */
+
+var port = normalizePort(process.env.PORT || '3000');
+app.set('port', port);
+
+/**
+ * Create HTTP server.
+ */
+
+var server = http.createServer(app);
+
+/**
+ * Listen on provided port, on all network interfaces.
+ */
+
+server.listen(port);
+server.on('error', onError);
+server.on('listening', onListening);
+
+/**
+ * Normalize a port into a number, string, or false.
+ */
+
+function normalizePort(val) {
+  var port = parseInt(val, 10);
+
+  if (isNaN(port)) {
+    // named pipe
+    return val;
+  }
+
+  if (port >= 0) {
+    // port number
+    return port;
+  }
+
+  return false;
+}
+
+/**
+ * Event listener for HTTP server "error" event.
+ */
+
+function onError(error) {
+  if (error.syscall !== 'listen') {
+    throw error;
+  }
+
+  var bind = typeof port === 'string' ?
+    'Pipe ' + port :
+    'Port ' + port;
+
+  // handle specific listen errors with friendly messages
+  switch (error.code) {
+    case 'EACCES':
+      console.error(bind + ' requires elevated privileges');
+      process.exit(1);
+      break;
+    case 'EADDRINUSE':
+      console.error(bind + ' is already in use');
+      process.exit(1);
+      break;
+    default:
+      throw error;
+  }
+}
+
+/**
+ * Event listener for HTTP server "listening" event.
+ */
+
+function onListening() {
+  var addr = server.address();
+  var bind = typeof addr === 'string' ?
+    'pipe ' + addr :
+    'port ' + addr.port;
+  debug('Listening on ' + bind);
+  debug('Listening at ' + pkg.homepage + '\n')
+  opn(pkg.homepage)
+}

client/entry.js

@@ -0,0 +1,4 @@
+// require("!style-loader!css-loader!../css/style.css"); // 载入 style.css
+require("./foo/style.css"); // 载入 style.css
+document.write('It works again.\n<br>');
+document.write(require('./foo/module.js')) // 添加模块

client/foo/module.js

@@ -0,0 +1 @@
+module.exports = 'It works from bax/module.js.'

client/foo/style.css

@@ -0,0 +1,4 @@
+body {
+    color: gainsboro;
+    background: darkolivegreen;
+}

client/webpack/index.js

@@ -0,0 +1,2 @@
+export parts from './parts';
+export utils from './utils';

client/webpack/parts.js

@@ -0,0 +1,41 @@
+const webpack = require('webpack');
+
+exports.devServer = function(options) {
+  return {
+    watchOptions: {
+      // Delay the rebuild after the first change
+      aggregateTimeout: 300,
+      // Poll using interval (in ms, accepts boolean too)
+      poll: 1000
+    }, //*/
+    devServer: {
+      // Enable history API fallback so HTML5 History API based
+      // routing works. This is a good default that will come
+      // in handy in more complicated setups.
+      historyApiFallback: true,
+
+      // Unlike the cli flag, this doesn't set
+      // HotModuleReplacementPlugin!
+      hot: true,
+      inline: true,
+      // Display only errors to reduce the amount of output.
+      stats: 'errors-only',
+      // Parse host and port from env to allow customization.
+      //
+      // If you use Vagrant or Cloud9, set
+      // host: options.host || '0.0.0.0';
+      //
+      // 0.0.0.0 is available to all network devices
+      // unlike default `localhost`.
+      host: options.host || '0.0.0.0', // Defaults to `localhost`
+      port: options.port || 8080 // Defaults to 8080
+    },
+    plugins: [
+      // Enable multi-pass compilation for enhanced performance
+      // in larger projects. Good default.
+      new webpack.HotModuleReplacementPlugin({
+        multiStep: true
+      })
+    ]
+  };
+}