browserify main.js > bundle.js
webpack main.js bundle.js

// webpack.config.js
module.exports = {entry: './main.js',output: {filename: 'bundle.js'       }
};

// webpack.config.js
module.exports = {entry: './main.js',output: {filename: 'bundle.js'       },module: {loaders: [{ test: /\.coffee$/, loader: 'coffee-loader' },{ test: /\.js$/, loader: 'babel-loader' }]}
};

// webpack.config.js
module.exports = {entry: './main.js',output: {filename: 'bundle.js'       },module: {loaders: [{ test: /\.coffee$/, loader: 'coffee-loader' },{ test: /\.js$/, loader: 'babel-loader' }]},resolve: {// you can now require('file') instead of require('file.coffee')extensions: ['', '.js', '.json', '.coffee'] }
};

require('./bootstrap.css');
require('./myapp.less');var img = document.createElement('img');
img.src = require('./glyph.png');

// webpack.config.js
module.exports = {entry: './main.js',output: {path: './build', // This is where images AND js will gopublicPath: 'http://mycdn.com/', // This is used to generate URLs to e.g. imagesfilename: 'bundle.js'},module: {loaders: [{ test: /\.less$/, loader: 'style-loader!css-loader!less-loader' }, // use ! to chain loaders{ test: /\.css$/, loader: 'style-loader!css-loader' },{test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192'} // inline base64 URLs for <=8k images, direct URLs for the rest
    ]}
};

if (__DEV__) {console.warn('Extra logging');
}
// ...
if (__PRERELEASE__) {showSecretFeature();
}

// webpack.config.js// definePlugin takes raw strings and inserts them, so you can put strings of JS if you want.
var definePlugin = new webpack.DefinePlugin({__DEV__: JSON.stringify(JSON.parse(process.env.BUILD_DEV || 'true')),__PRERELEASE__: JSON.stringify(JSON.parse(process.env.BUILD_PRERELEASE || 'false'))
});module.exports = {entry: './main.js',output: {filename: 'bundle.js'       },plugins: [definePlugin]
};

// webpack.config.js
module.exports = {entry: {Profile: './profile.js',Feed: './feed.js'},output: {path: 'build',filename: '[name].js' // Template based on keys in entry above
  }
};

// webpack.config.jsvar webpack = require('webpack');var commonsPlugin =new webpack.optimize.CommonsChunkPlugin('common.js');module.exports = {entry: {Profile: './profile.js',Feed: './feed.js'},output: {path: 'build',filename: '[name].js' // Template based on keys in entry above
  },plugins: [commonsPlugin]
};

if (window.location.pathname === '/feed') {showLoadingState();require.ensure([], function() { // this syntax is weird but it works
    hideLoadingState();require('./feed').show(); // when this function is called, the module is guaranteed to be synchronously available.
  });
} else if (window.location.pathname === '/profile') {showLoadingState();require.ensure([], function() {hideLoadingState();require('./profile').show();});
}

// webpack.config.js
output: {path: "/home/proj/public/assets", //path to where webpack will build your stuffpublicPath: "/assets/" //path that will be considered when requiring your files
}