add webpack

Author: panicdragon

gulpfile.js

@@ -0,0 +1,69 @@
+const gulp         = require("gulp"),
+      path         = require('path'),
+      watch        = require('gulp-watch'),
+      uglify       = require('gulp-uglify'),
+      concat       = require('gulp-concat'),
+      plumber      = require('gulp-plumber'),
+      del          = require('del'),
+      runSequence  = require('run-sequence'),
+      exec         = require('child_process').execSync;
+
+/**
+ * File Path
+ */
+const ROOT        = __dirname;
+const SRC_PATH    = path.join(ROOT, './lib');
+const PUBLIC_PATH = path.join(ROOT, './public');
+const DIST_PATH   = path.join(ROOT, './dist');
+
+const JS_PUBLIC_FILES = path.join(PUBLIC_PATH, './**/*.js');
+
+// Clean Task
+gulp.task('js.build', function(callback) {
+  exec('num run webpack', function(err, stdout, stderr) {
+    if (err) { console.log(err); }
+
+    callback();
+  });
+});
+
+// JavaScript
+gulp.task('js.copy', function() {
+  return gulp.src([JS_PUBLIC_FILES])
+    .pipe(gulp.dest(DIST_PATH));
+});
+
+// ファイル更新監視
+gulp.task('watch', function() {
+});
+
+/**
+ * Build Task
+ **/
+gulp.task('build.js', function(callback) {
+  return runSequence(
+    'js.build',
+    'js.copy',
+    callback
+  );
+});
+
+/**
+ * Dist Task
+ **/
+gulp.task('dist', function(callback) {
+  return runSequence(
+    'build.js',
+    callback
+  );
+});
+
+/**
+ * default Task
+ **/
+gulp.task('default', function(callback) {
+  runSequence(
+    'watch',
+    callback
+  );
+});

lib/index.ts

@@ -6,7 +6,12 @@
     "apb": "index.js"
   },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "$(npm bin)/mocha test/** -r test/spec_setup.js",
+    "test:watch": "$(npm bin)/mocha -w test/** -r test/spec_setup.js",
+    "start": "concurrently \"npm run webpack:w\" \"gulp\"",
+    "webpack": "webpack",
+    "webpack:w": "webpack --progress --colors --watch",
+    "build": "concurrently \"webpack --config ./webpack.production.config.js --progress --profile --colors\" \"gulp dist\""
   },
   "repository": {
     "type": "git",
@@ -21,6 +26,26 @@
   ],
   "author": "daisuke.takayama",
   "license": "MIT",
+  "devDependencies": {
+    "@types/node": "^7.0.14",
+    "chai": "^3.5.0",
+    "concurrently": "^3.4.0",
+    "del": "^2.2.2",
+    "gulp": "^3.9.1",
+    "gulp-concat": "^2.6.1",
+    "gulp-mocha": "^4.3.1",
+    "gulp-plumber": "^1.1.0",
+    "gulp-uglify": "^2.1.2",
+    "gulp-watch": "^4.3.11",
+    "jsdom": "^10.0.0",
+    "path": "^0.12.7",
+    "power-assert": "^1.4.2",
+    "run-sequence": "^1.2.2",
+    "ts-loader": "^2.0.3",
+    "typescript": "^2.3.1",
+    "typings": "^2.1.1",
+    "webpack": "^2.4.1"
+  },
   "bugs": {
     "url": "https://github.com/atomic-package/apb-cli/issues"
   },

package.json

@@ -0,0 +1,26 @@
+"use strict";
+var webpack = require('webpack');
+
+module.exports = {
+  entry: __dirname + "/lib/index.ts",
+  output: {
+    filename: "index.js",
+    path: __dirname + "/public/"
+  },
+  module: {
+    loaders: [
+      { test: /\.tsx?$/, loader: "ts-loader" },
+      { test: /\.html$/, loader: "html-loader?minimize=false" }
+    ]
+  },
+  resolve: {
+    extensions: [".ts", ".tsx", ".js"]
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': {
+        NODE_ENV: JSON.stringify(process.env.NODE_ENV || 'development')
+      }
+    })
+  ]
+};

webpack.config.js

@@ -0,0 +1,26 @@
+"use strict";
+var webpack = require('webpack');
+
+module.exports = {
+  entry: __dirname + "/lib/index.ts",
+  output: {
+    filename: "index.js",
+    path: __dirname + "/dist/"
+  },
+  module: {
+    loaders: [
+      { test: /\.tsx?$/, loader: "ts-loader" },
+      { test: /\.html$/, loader: "html-loader?minimize=false" }
+    ]
+  },
+  resolve: {
+    extensions: [".ts", ".tsx", ".js"]
+  },
+  plugins: [
+    new webpack.optimize.UglifyJsPlugin({
+      compress: {
+        warnings: false
+      }
+    })
+  ]
+};