mirror of
https://github.com/weaveworks/scope.git
synced 2026-03-03 18:20:27 +00:00
8c5638edb2
* adds `?hash` to JS and CSS bundle URLs against caching in production * uses `html-webpack-plugin` to generate html dynamically * html based on template in `app/html/index.html` * per-app html files no longer needed * `build/` dir is now completely deleteable, and fully gitignored * top-level `make` now requires `client/app` to pick up on html and style changes * cleaned up `server.js` code for production bundle testing * added readme entry about testing production bundles
125 lines
3.4 KiB
JavaScript
125 lines
3.4 KiB
JavaScript
var webpack = require('webpack');
|
|
var autoprefixer = require('autoprefixer');
|
|
var path = require('path');
|
|
var HtmlWebpackPlugin = require('html-webpack-plugin');
|
|
|
|
/**
|
|
* This is the Webpack configuration file for local development. It contains
|
|
* local-specific configuration such as the React Hot Loader, as well as:
|
|
*
|
|
* - The entry point of the application
|
|
* - Where the output file should be
|
|
* - Which loaders to use on what files to properly transpile the source
|
|
*
|
|
* For more information, see: http://webpack.github.io/docs/configuration.html
|
|
*/
|
|
|
|
// Inject websocket url to dev backend
|
|
var WEBPACK_SERVER_HOST = process.env.WEBPACK_SERVER_HOST || 'localhost';
|
|
|
|
module.exports = {
|
|
|
|
// Efficiently evaluate modules with source maps
|
|
devtool: 'cheap-module-source-map',
|
|
|
|
// Set entry point include necessary files for hot load
|
|
entry: {
|
|
'app': [
|
|
'./app/scripts/main',
|
|
'webpack-dev-server/client?http://' + WEBPACK_SERVER_HOST + ':4041',
|
|
'webpack/hot/only-dev-server',
|
|
'./app/scripts/debug'
|
|
],
|
|
'contrast-app': [
|
|
'./app/scripts/contrast-main',
|
|
'webpack-dev-server/client?http://' + WEBPACK_SERVER_HOST + ':4041',
|
|
'webpack/hot/only-dev-server'
|
|
],
|
|
'terminal-app': [
|
|
'./app/scripts/terminal-main',
|
|
'webpack-dev-server/client?http://' + WEBPACK_SERVER_HOST + ':4041',
|
|
'webpack/hot/only-dev-server'
|
|
],
|
|
vendors: ['classnames', 'd3', 'dagre', 'flux', 'immutable',
|
|
'lodash', 'page', 'react', 'react-dom', 'react-motion']
|
|
},
|
|
|
|
// This will not actually create a app.js file in ./build. It is used
|
|
// by the dev server for dynamic hot loading.
|
|
output: {
|
|
path: path.join(__dirname, 'build/'),
|
|
filename: '[name].js'
|
|
},
|
|
|
|
// Necessary plugins for hot load
|
|
plugins: [
|
|
new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'),
|
|
new webpack.HotModuleReplacementPlugin(),
|
|
new webpack.NoErrorsPlugin(),
|
|
new HtmlWebpackPlugin({
|
|
chunks: ['vendors', 'contrast-app'],
|
|
template: 'app/html/index.html',
|
|
filename: 'contrast.html'
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
chunks: ['vendors', 'terminal-app'],
|
|
template: 'app/html/index.html',
|
|
filename: 'terminal.html'
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
chunks: ['vendors', 'app'],
|
|
template: 'app/html/index.html',
|
|
filename: 'index.html'
|
|
})
|
|
],
|
|
|
|
// Transform source code using Babel and React Hot Loader
|
|
module: {
|
|
include: [
|
|
path.resolve(__dirname, 'app/scripts')
|
|
],
|
|
|
|
preLoaders: [
|
|
{
|
|
test: /\.js$/,
|
|
exclude: /node_modules|vendor/,
|
|
loader: 'eslint-loader'
|
|
}
|
|
],
|
|
loaders: [
|
|
{
|
|
test: /\.json$/,
|
|
loader: 'json-loader'
|
|
},
|
|
{
|
|
test: /\.less$/,
|
|
loader: 'style-loader!css-loader!postcss-loader!less-loader'
|
|
},
|
|
{
|
|
test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
|
|
loader: 'url-loader?limit=10000&minetype=application/font-woff'
|
|
},
|
|
{
|
|
test: /\.(ttf|eot|svg|ico)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
|
|
loader: 'file-loader'
|
|
},
|
|
{
|
|
test: /\.jsx?$/,
|
|
exclude: /node_modules|vendor/,
|
|
loaders: ['react-hot', 'babel']
|
|
}
|
|
]
|
|
},
|
|
|
|
postcss: [
|
|
autoprefixer({
|
|
browsers: ['last 2 versions']
|
|
})
|
|
],
|
|
|
|
// Automatically transform files with these extensions
|
|
resolve: {
|
|
extensions: ['', '.js', '.jsx']
|
|
}
|
|
};
|