orionsoft-react-scripts
Version:
Orionsoft Configuration and scripts for Create React App.
86 lines (73 loc) • 2.33 kB
JavaScript
var webpack = require('webpack');
var path = require('path');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var CaseSensitivePathsPlugin = require('../index.js'); // use inside the npm package
// We use the NODE_ENV in our automation commands to differentiate environments
var production =
process.env.NODE_ENV === 'production' ||
process.env.NODE_ENV === 'preprod';
// Setup our plugins.
var plugins = [
// attaches the webpack-generated JS to our main HTML file
new HtmlWebpackPlugin({template: './src/index.html'}),
// create global access to the NODE_ENV within our Webpacked code:
new webpack.DefinePlugin({
__ENV__: JSON.stringify(process.env.NODE_ENV)
}),
// http://gaearon.github.io/react-hot-loader/getstarted/
new webpack.HotModuleReplacementPlugin(),
// Mac doesn't care about case, but linux servers do, so enforce...
new CaseSensitivePathsPlugin()
];
// In production we do a bit more...
if (production) {
plugins.concat(
[
new webpack.optimize.DedupePlugin(),
new webpack.optimize.OccurenceOrderPlugin(),
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false
}
})
]);
}
const devEntry = [
'webpack-dev-server/client?http://0.0.0.0:3000', // tells client where to get hot reloads
'webpack/hot/only-dev-server', // "only" prevents reload on syntax errors
'babel-polyfill', // for full ES6 compatibility on older devices
'./src/init.js'
];
const prodEntry = [
'babel-polyfill', // for full ES6 compatibility on older devices
'./src/init.js'
];
const theEntry = (production) ? prodEntry : devEntry;
module.exports = {
// Bundle to our dist folder as a main.js file.
output: {
path: path.join(__dirname, 'dist'),
filename: 'main.js',
publicPath: '/'
},
devtool: 'sourcemap',
// Our master entry point.
entry: theEntry,
// Extra helpers to make require or include easier.
resolve: {
extensions: ['', '.js', '.jsx', '.json']
},
module: {
loaders: [{
test: /\.(js|jsx)$/,
// in dev only, hotload
loader: production ? 'babel' : 'react-hot!babel',
// other babel options are specified in .babelrc
exclude: /node_modules/
}, {
test: /\.json$/,
loader: 'json'
}]
},
plugins: plugins
};