Merge pull request #312 from webpack/feature/code-samples

clean up some code samples

Author: sokra

content/concepts/configuration.md

@@ -14,7 +14,7 @@ The following examples below describe how webpack's configuration object can be
 module.exports = {
   entry: './foo.js',
   output: {
-    path: 'dist',
+    path: path.resolve(__dirname, 'dist'),
     filename: 'foo.bundle.js'
   }
 };
@@ -36,7 +36,7 @@ var baseConfig = {
   },
   output: {
     filename: '[name].js',
-    path: path.resolve(__dirname, './dist')
+    path: path.resolve(__dirname, 'dist')
   },
   plugins: [
     new webpack.optimize.CommonsChunkPlugin({
@@ -55,7 +55,7 @@ let targets = ['web', 'webworker', 'node', 'async-node', 'node-webkit', 'electro
   let base = webpackMerge(baseConfig, {
     target: target,
     output: {
-      path: path.resolve(__dirname, './dist/' + target),
+      path: path.resolve(__dirname, 'dist/' + target),
       filename: '[name].' + target + '.js'
     }
   });
@@ -143,7 +143,7 @@ const CustomPlugin = config => ({
   name: 'custom-plugin'
 });
 
-const CONFIG = (
+export default (
   <webpack target="web" watch>
     <entry path="src/index.js" />
     <resolve>
@@ -161,6 +161,4 @@ const CONFIG = (
     </plugins>
   </webpack>
 );
-
-document.body.textContent = JSON.stringify(CONFIG, 0, '  ');
 ```

content/how-to/author-libraries.md

@@ -36,13 +36,14 @@ The usage spec for the library will be as follows.
 
 import * as webpackNumbers from 'webpack-numbers';
 
-    ...
-    webpackNumbers.wordToNum('Two') /// output is 2
-    ...
+...
+webpackNumbers.wordToNum('Two') // output is 2
+...
 
 // CommonJs modules
 
 var webpackNumbers = require('webpack-numbers');
+
 ...
 webpackNumbers.numToWord(3); // output is Three
 ...

content/how-to/code-splitting/splitting-require.md

@@ -42,16 +42,16 @@ Let us consider the following project
 ```javascript
 \\ entry.js
 
-require('a')
+require('a');
 require.ensure([], function(require){
-    require('b')
-})
+    require('b');
+});
 
 \\ a.js
-console.log('***** I AM a *****')
+console.log('***** I AM a *****');
 
 \\ b.js
-console.log('***** I AM b *****')
+console.log('***** I AM b *****');
 ```
 
 ```javascript
@@ -79,8 +79,8 @@ On running webpack on this project, we find that webpack has created two new bun
 
 ```javascript
 require.ensure([], function(require){
-    require('./a.js')
-})
+    require('./a.js');
+});
 ```
 
 The above code ensures that a split point is created and `a.js` is bundled separately by webpack.
@@ -90,7 +90,7 @@ The above code ensures that a split point is created and `a.js` is bundled separ
 ```javascript
 require.ensure(['./a.js'], function(require) {
     require('./b.js');
-})
+});
 ```
 
 In the above code, `a.js` and `b.js` are bundled together and split from the main bundle. But only the contents of `b.js` are executed. The contents of `a.js` are only made available and not executed.

content/how-to/code-splitting/splitting-vendor.md

@@ -22,7 +22,7 @@ __index.js__
 ```javascript
 
 var moment = require('moment');
-console.log(moment().format())
+console.log(moment().format());
 
 ```
 
@@ -134,7 +134,7 @@ modules.export = function(env) {
             })
         ]
     }
-}
+};
 ```
 
 With the above webpack config, we see three bundles being generated. `vendor`, `main` and `manifest` bundles.