Move to webpack

Author: Emmanouil Konstantinidis

rest_framework_docs/static/package.json

@@ -6,9 +6,9 @@
   "scripts": {
     "build-font-awesome": "cp -r node_modules/font-awesome/fonts rest_framework_docs/",
     "build-bootstrap-fonts": "cp -r node_modules/bootstrap/fonts rest_framework_docs/",
-    "build-js": "browserify rest_framework_docs/js/index.js -t [ babelify --presets [ es2015 react ] ] -d -p [ minifyify --map rest_framework_docs/js/dist.map.json --output rest_framework_docs/js/dist.map.json ] > rest_framework_docs/js/dist.js",
+    "build-js": "webpack",
     "build-less": "lessc --clean-css rest_framework_docs/less/style.less rest_framework_docs/css/style.css",
-    "watch-js": "watchify rest_framework_docs/js/index.js -t [ babelify --presets [ es2015 react ] ] -d -p [ minifyify --map rest_framework_docs/js/dist.map.json --output rest_framework_docs/js/dist.map.json ] -o rest_framework_docs/js/dist.js -v",
+    "watch-js": "webpack --progress --colors --watch",
     "watch-less": "watch 'npm run build-less' rest_framework_docs/less/",
     "watch": "npm run watch-js & npm run watch-less",
     "build": "npm run build-font-awesome && npm run build-bootstrap-fonts && npm run build-less",
@@ -33,12 +33,8 @@
   },
   "homepage": "https://www.drfdocs.com/",
   "dependencies": {
-    "babel-preset-es2015": "=6.3.13",
-    "babel-preset-react": "=6.3.13",
-    "babelify": "=7.2.0",
     "bootstrap": "=3.3.6",
     "bootswatch": "=3.3.6",
-    "browserify": "=12.0.1",
     "font-awesome": "=4.5.0",
     "jquery": "=1.11.3",
     "react": "=0.14.3",
@@ -49,13 +45,16 @@
     "underscore.string": "=3.2.2"
   },
   "devDependencies": {
+    "babel-core": "=6.3.26",
     "babel-eslint": "=4.1.6",
+    "babel-loader": "=6.2.0",
+    "babel-preset-es2015": "=6.3.13",
+    "babel-preset-react": "^6.3.13",
     "eslint": "=1.10.3",
     "eslint-plugin-react": "=3.11.3",
     "less": "=2.5.3",
     "less-plugin-clean-css": "=1.5.1",
-    "minifyify": "=7.1.0",
     "watch": "=0.16.0",
-    "watchify": "=3.6.1"
+    "webpack": "=1.12.9"
   }
 }

rest_framework_docs/static/rest_framework_docs/js/dist.js

@@ -0,0 +1,34 @@
+// var path = require('path');
+var webpack = require('webpack');
+
+module.exports = {
+  context: __dirname + '/rest_framework_docs/js',
+  entry: './index.js',
+  output: {
+    path: __dirname + '/rest_framework_docs/js',
+    filename: 'dist.js'
+  },
+  plugins: [
+    new webpack.optimize.UglifyJsPlugin({
+      compress: {
+        warnings: false,
+      },
+      output: {
+        comments: false,
+        sourceMap: false
+      }
+    }),
+    new webpack.NoErrorsPlugin()
+  ],
+  module: {
+    loaders: [{
+      test: /\.js?$/,
+      // include: path.join(__dirname, '/rest_framework_docs/js'),
+      exclude: /node_modules/,
+      loader: 'babel',
+      query: {
+        presets: ['es2015', 'react']
+      }
+    }]
+  }
+};