Merge pull request #382 from meandmax/build-setup-and-fix-jQuery-bug

Make development more convient - fix jQuery reference error

Author: meandmax

.travis.yml

@@ -6,9 +6,9 @@ cache:
 notifications:
   email: false
 node_js:
-  - '4'
+  - '5.2'
 before_install:
-  - npm i -g npm@^2.0.0
+  - npm i -g npm@^3.3
 before_script:
   - npm prune
   - 'curl -Lo travis_after_all.py https://git.io/vLSON'

README.md

@@ -1,6 +1,6 @@
 
 <p align="center">
-  <img src="./demo/lory.png" width="200px" />
+  <img src="./static/lory.png" width="200px" />
 </p>
 
 Please visit: [http://meandmax.github.io/lory/](http://meandmax.github.io/lory/ "lory")
@@ -27,8 +27,8 @@ Please visit: [http://meandmax.github.io/lory/](http://meandmax.github.io/lory/
 lory is released under the MIT license & supports modern environments.
 There is also a prebundled CDN version which you can use.
 
-####  Vanilla JavaScript: https://cdn.jsdelivr.net/lory-js/2.1.0/lory.min.js
-#### jQuery plugin: https://cdn.jsdelivr.net/lory-js/2.1.0/jquery.lory.min.js
+####  Vanilla JavaScript: https://cdn.jsdelivr.net/lory-js/2.1.0/lory.js
+#### jQuery plugin: https://cdn.jsdelivr.net/lory-js/2.1.0/jquery.lory.js
 
 ## Install with node:
 
@@ -79,7 +79,7 @@ npm install
 
 // To start the development server run:
 
-npm start
+npm run dev
 
 // To lint your code run:
 
@@ -180,7 +180,7 @@ li {
 ## Integration as a jQuery Plugin
 
 ```js
-<script src="js/jquery.lory.min.js"></script>
+<script src="dist/jquery.lory.js"></script>
 <script>
     'use strict';
 
@@ -195,7 +195,7 @@ li {
 ## Integration of multiple sliders on one page
 
 ```javascript
-<script src="js/lory.js"></script>
+<script src="dist/lory.js"></script>
 <script>
     'use strict';
 

bin/compile.js

@@ -0,0 +1,54 @@
+import webpack from 'webpack';
+import _debug from 'debug';
+import fs from 'fs-extra';
+import config from '../webpack.config.prod.js';
+
+const debug = _debug('app:build:webpack-compiler');
+
+const DEFAULT_STATS_FORMAT = {
+    chunks : false,
+    chunkModules : false,
+    colors : true
+  }
+
+function webpackCompiler (webpackConfig, statsFormat = DEFAULT_STATS_FORMAT) {
+  return new Promise((resolve, reject) => {
+    const compiler = webpack(webpackConfig);
+
+    compiler.run((err, stats) => {
+      const jsonStats = stats.toJson();
+
+      debug('Webpack compile completed.');
+      debug(stats.toString(statsFormat));
+
+      if (err) {
+        debug('Webpack compiler encountered a fatal error.', err);
+        return reject(err);
+      } else if (jsonStats.errors.length > 0) {
+        debug('Webpack compiler encountered errors.');
+        debug(jsonStats.errors.join('\n'));
+        return reject(new Error('Webpack compiler encountered errors'));
+      } else if (jsonStats.warnings.length > 0) {
+        debug('Webpack compiler encountered warnings.');
+        debug(jsonStats.warnings.join('\n'));
+      } else {
+        debug('No errors or warnings encountered.');
+      }
+      resolve(jsonStats);
+    });
+  });
+}
+
+;(async function () {
+  try {
+    debug('Run compiler');
+    const stats = await webpackCompiler(config);
+    if (stats.warnings.length && config.compiler_fail_on_warning) {
+      debug('Config set to fail on warning, exiting with status code "1".');
+      process.exit(1);
+    }
+  } catch (e) {
+    debug('Compiler encountered an error.', e);
+    process.exit(1);
+  }
+})();

bin/server.js

@@ -0,0 +1,11 @@
+import webpack from 'webpack';
+import config from '../webpack.config.dev.js';
+import WebpackDevServer from 'webpack-dev-server';
+
+config.entry.app.unshift("webpack-dev-server/client?http://localhost:8080/", "webpack/hot/dev-server");
+const compiler = webpack(config);
+const server = new WebpackDevServer(compiler, {
+    hot: true
+});
+
+server.listen(8080);