Webpack notes
$ npm install webpack -g
$ npm install webpack-dev-server -g # for development server
//webpack.config.js
module.exports = {
entry: ["./app.js","./utils.js"],
output: {
filename: "bundle.js"
},
module : {
preLoaders: [
{
test: /\.js$/, // include .js files
exclude: /node_modules/, // exclude any and all files in the node_modules folder
loader: "jshint-loader"
}
],
loaders: [
{
test: /\.es6$/, //only process es6 files in this loader
exclude: /node_modules/, //except node_modules
loader: "babel-loader" //name of the loader
}
]
},
resolve: {
extensions: ['','.js','.es6'] //resolve these files when requiring (default is only js)
}
}
For production builds: Add webpack-production.config.js
var WebpackStrip = require('strip-loader');
var devConfig = require('./webpack.config.js');
var stripLoader = {
test: [/\.js$/, /\.es6$/],
exclude: /node_modules/,
loader: WebpackStrip.loader('console.log', 'perfLog')
}
devConfig.module.loaders.push(stripLoader);
module.exports = devConfig;
Then:
$ webpack --config webpack-production.config.js -p
After that, you can simply serve it, for example with http-server (npm package)