openethereum/js/webpack/shared.js

202 lines
5.1 KiB
JavaScript
Raw Normal View History

// Copyright 2015-2017 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');
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');
const ProgressBarPlugin = require('progress-bar-webpack-plugin');
2016-11-24 03:40:22 +01:00
const EMBED = process.env.EMBED;
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 = [
new ProgressBarPlugin({
format: '[:msg] [:bar] ' + ':percent' + ' (:elapsed seconds)'
}),
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: 'babel-js',
threads: 4,
loaders: [ isProd ? 'babel-loader' : 'babel-loader?cacheDirectory=true' ]
}),
2016-11-25 13:14:30 +01:00
2016-11-24 03:11:54 +01:00
new webpack.DefinePlugin({
'process.env': {
EMBED: JSON.stringify(EMBED),
2016-11-24 03:11:54 +01:00
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/views/Dapps/builtin.json');
2016-11-24 03:26:38 +01:00
return DAPPS.filter((dapp) => !dapp.skipBuild).reduce((_entry, dapp) => {
_entry[dapp.url] = './dapps/' + dapp.url + '.js';
2016-11-24 03:26:38 +01:00
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
};