Initial Commit

Author: jzaefferer

.gitignore

@@ -0,0 +1 @@
+node_modules/

index.js

@@ -0,0 +1,12 @@
+import './main.css';
+import 'jquery-ui/themes/base/core.css';
+import 'jquery-ui/themes/base/menu.css';
+import 'jquery-ui/themes/base/autocomplete.css';
+import 'jquery-ui/themes/base/theme.css';
+import $ from 'jquery';
+import autocomplete from 'jquery-ui/ui/widgets/autocomplete';
+
+$('<h1>Welcome to the programming languages quiz</h1>').appendTo('body');
+new autocomplete({
+  source: ['javascript', 'css', 'c', 'objectivec']
+}).element.appendTo('body').focus();

main.css

@@ -0,0 +1,5 @@
+body {
+    background: #fefefe;
+    font-family: Sans-Serif;
+    line-height: 1.5;
+}

package.json

@@ -0,0 +1,33 @@
+{
+  "name": "webpack-jquery-ui",
+  "version": "1.0.0",
+  "description": "How to build an app with jQuery UI and webpack",
+  "main": "index.js",
+  "scripts": {
+    "start": "webpack-dev-server --config webpack-config.js",
+    "build": "webpack --config webpack-config.js",
+    "test": "npm test"
+  },
+  "keywords": [
+    "jquery-ui",
+    "webpack"
+  ],
+  "author": "Jörn Zaefferer",
+  "license": "MIT",
+  "dependencies": {
+    "jquery": "^2.1.4",
+    "jquery-ui": "jzaefferer/jquery-ui#webpack"
+  },
+  "devDependencies": {
+    "babel-core": "^5.8.23",
+    "babel-loader": "^5.3.2",
+    "clean-webpack-plugin": "^0.1.3",
+    "css-loader": "^0.16.0",
+    "extract-text-webpack-plugin": "^0.8.2",
+    "file-loader": "^0.8.4",
+    "html-webpack-plugin": "^1.6.1",
+    "style-loader": "^0.12.3",
+    "webpack": "^1.12.2",
+    "webpack-dev-server": "^1.11.0"
+  }
+}

webpack-config.js

@@ -0,0 +1,40 @@
+var Clean = require('clean-webpack-plugin');
+var ExtractTextPlugin = require('extract-text-webpack-plugin');
+var HtmlWebpackPlugin = require('html-webpack-plugin');
+
+module.exports = {
+	resolve: {
+      extensions: ['', '.js', '.css'],
+    },
+	entry: {
+		main: './index.js'
+	},
+	output: {
+		path: './dist',
+		filename: 'app.[hash].js'
+	},
+	module: {
+		loaders: [
+			{
+				test: /\.js$/,
+				exclude: /node_modules/,
+				loader: 'babel'
+			},
+			{
+				test: /\.css$/,
+				loader: ExtractTextPlugin.extract("style-loader", "css-loader")
+			},
+			{
+				test: /\.(jpg|png)$/,
+				loader: 'file'
+			},
+		]
+	},
+	plugins: [
+		new Clean(['dist']),
+		new ExtractTextPlugin("app.[hash].css"),
+		new HtmlWebpackPlugin({
+			title: 'jQuery UI Autocomplete demo, built with webpack'
+		})
+	]
+};