openethereum/js/webpack/shared.js

206 lines
5.0 KiB
JavaScript
Raw Normal View History

2016-12-11 19:31:31 +01:00
// Copyright 2015, 2016 Parity Technologies (UK) Ltd.
2016-11-24 03:11:54 +01:00
// This file is part of Parity.
// Parity is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
// Parity is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
// You should have received a copy of the GNU General Public License
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
const webpack = require('webpack');
2016-11-25 19:32:58 +01:00
const path = require('path');
2016-11-28 12:37:13 +01:00
const fs = require('fs');
2016-11-25 19:32:58 +01:00
// const HappyPack = require('happypack');
2016-11-24 03:11:54 +01:00
2016-11-24 03:40:22 +01:00
const postcssImport = require('postcss-import');
const postcssNested = require('postcss-nested');
const postcssVars = require('postcss-simple-vars');
const rucksack = require('rucksack-css');
const CircularDependencyPlugin = require('circular-dependency-plugin');
2016-11-24 03:40:22 +01:00
2016-11-24 03:11:54 +01:00
const ENV = process.env.NODE_ENV || 'development';
const isProd = ENV === 'production';
2016-11-26 17:27:44 +01:00
function getBabelrc () {
2016-11-28 12:37:13 +01:00
const babelrc = JSON.parse(fs.readFileSync(path.resolve(__dirname, '../.babelrc')));
2016-11-26 17:27:44 +01:00
const es2015Index = babelrc.presets.findIndex((p) => p === 'es2015');
2016-11-28 12:37:13 +01:00
// [ "es2015", { "modules": false } ]
babelrc.presets[es2015Index] = [ 'es2015', { modules: false } ];
babelrc['babelrc'] = false;
const BABEL_PRESET_ENV = process.env.BABEL_PRESET_ENV;
const npmStart = process.env.npm_lifecycle_event === 'start';
const npmStartApp = process.env.npm_lifecycle_event === 'start:app';
if (BABEL_PRESET_ENV && (npmStart || npmStartApp)) {
console.log('using babel-preset-env');
babelrc.presets = [
// 'es2017',
'stage-0', 'react',
[
'env',
{
targets: { browsers: ['last 2 Chrome versions'] },
modules: false,
loose: true,
useBuiltIns: true
}
]
];
}
2016-11-26 17:27:44 +01:00
return babelrc;
}
2016-11-24 03:11:54 +01:00
function getPlugins (_isProd = isProd) {
2016-11-25 19:32:58 +01:00
const postcss = [
postcssImport({
addDependencyTo: webpack
2016-11-24 03:11:54 +01:00
}),
2016-11-25 19:32:58 +01:00
postcssNested({}),
postcssVars({
unknown: function (node, name, result) {
node.warn(result, `Unknown variable ${name}`);
}
2016-11-24 03:11:54 +01:00
}),
2016-11-25 19:32:58 +01:00
rucksack({
autoprefixer: true
})
];
2016-11-24 03:11:54 +01:00
2016-11-25 19:32:58 +01:00
const plugins = [
2016-11-28 12:37:13 +01:00
// NB: HappyPack is not yet working with Webpack 2... (as of Nov. 26)
2016-11-25 19:32:58 +01:00
// new HappyPack({
// id: 'css',
// threads: 4,
// loaders: [
// 'style-loader',
// 'css-loader?modules&sourceMap&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]',
// 'postcss-loader'
// ]
// }),
// new HappyPack({
// id: 'js',
// threads: 4,
// loaders: _isProd ? ['babel'] : [
// 'react-hot-loader',
// 'babel-loader?cacheDirectory=true'
// ]
// }),
// new HappyPack({
// id: 'babel',
// threads: 4,
// loaders: ['babel-loader']
// }),
2016-11-25 13:14:30 +01:00
2016-11-24 03:11:54 +01:00
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: JSON.stringify(ENV),
RPC_ADDRESS: JSON.stringify(process.env.RPC_ADDRESS),
PARITY_URL: JSON.stringify(process.env.PARITY_URL),
2016-11-25 13:14:30 +01:00
DAPPS_URL: JSON.stringify(process.env.DAPPS_URL),
2016-11-24 03:11:54 +01:00
LOGGING: JSON.stringify(!isProd)
}
2016-11-25 13:14:30 +01:00
}),
2016-11-25 19:32:58 +01:00
new webpack.LoaderOptionsPlugin({
minimize: isProd,
debug: !isProd,
options: {
context: path.join(__dirname, '../src'),
2016-11-28 12:37:13 +01:00
postcss: postcss,
babel: getBabelrc()
2016-11-25 19:32:58 +01:00
}
}),
new webpack.optimize.OccurrenceOrderPlugin(!_isProd),
new CircularDependencyPlugin({
exclude: /node_modules/,
failOnError: true
})
2016-11-24 03:11:54 +01:00
];
if (_isProd) {
plugins.push(new webpack.optimize.UglifyJsPlugin({
screwIe8: true,
compress: {
warnings: false
},
output: {
comments: false
}
}));
}
return plugins;
}
2016-11-24 03:26:38 +01:00
function getDappsEntry () {
const DAPPS = require('../src/dapps');
return DAPPS.reduce((_entry, dapp) => {
_entry[dapp.name] = './dapps/' + dapp.entry;
return _entry;
}, {});
}
2016-11-25 13:14:30 +01:00
function addProxies (app) {
const proxy = require('http-proxy-middleware');
app.use(proxy((pathname, req) => {
return pathname === '/' && req.method === 'HEAD';
}, {
2016-11-24 03:20:12 +01:00
target: 'http://127.0.0.1:8180',
changeOrigin: true,
autoRewrite: true
2016-11-25 13:14:30 +01:00
}));
app.use('/api', proxy({
2016-11-24 03:20:12 +01:00
target: 'http://127.0.0.1:8080',
changeOrigin: true,
autoRewrite: true
2016-11-25 13:14:30 +01:00
}));
app.use('/app', proxy({
2016-11-24 03:20:12 +01:00
target: 'http://127.0.0.1:8080',
changeOrigin: true,
pathRewrite: {
'^/app': ''
}
2016-11-25 13:14:30 +01:00
}));
app.use('/parity-utils', proxy({
2016-11-24 03:20:12 +01:00
target: 'http://127.0.0.1:3000',
changeOrigin: true,
pathRewrite: {
'^/parity-utils': ''
}
2016-11-25 13:14:30 +01:00
}));
app.use('/rpc', proxy({
2016-11-24 03:20:12 +01:00
target: 'http://127.0.0.1:8080',
changeOrigin: true
2016-11-25 13:14:30 +01:00
}));
}
2016-11-24 03:20:12 +01:00
2016-11-24 03:11:54 +01:00
module.exports = {
2016-11-26 17:27:44 +01:00
getBabelrc: getBabelrc,
2016-11-24 03:20:12 +01:00
getPlugins: getPlugins,
2016-11-24 03:26:38 +01:00
dappsEntry: getDappsEntry(),
2016-11-25 19:32:58 +01:00
addProxies: addProxies
2016-11-24 03:11:54 +01:00
};