// Copyright 2015-2017 Parity Technologies (UK) Ltd. // 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 . const path = require('path'); // const ReactIntlAggregatePlugin = require('react-intl-aggregate-webpack-plugin'); const WebpackErrorNotificationPlugin = require('webpack-error-notification'); const CopyWebpackPlugin = require('copy-webpack-plugin'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const ServiceWorkerWebpackPlugin = require('serviceworker-webpack-plugin'); const rulesEs6 = require('./rules/es6'); const rulesParity = require('./rules/parity'); const Shared = require('./shared'); const DAPPS_BUILTIN = require('@parity/shared/config/dappsBuiltin.json'); const DAPPS_VIEWS = require('@parity/shared/config/dappsViews.json').map((dapp) => { dapp.commons = true; return dapp; }); const FAVICON = path.resolve(__dirname, '../node_modules/@parity/shared/assets/images/parity-logo-black-no-text.png'); const DEST = process.env.BUILD_DEST || '.build'; const ENV = process.env.NODE_ENV || 'development'; const EMBED = process.env.EMBED; const isProd = ENV === 'production'; const isEmbed = EMBED === '1' || EMBED === 'true'; const entry = isEmbed ? { embed: './embed.js' } : Object.assign({}, Shared.dappsEntry, { index: './index.js' }); module.exports = { cache: !isProd, devtool: isProd ? '#hidden-source-map' : '#source-map', context: path.join(__dirname, '../src'), entry, output: { path: path.join(__dirname, '../', DEST), filename: '[name].js' }, module: { rules: [ rulesParity, rulesEs6, { test: /\.js$/, exclude: /(node_modules)/, use: [ 'babel-loader' ] }, { test: /\.json$/, use: [ 'json-loader' ] }, { test: /\.ejs$/, use: [ 'ejs-loader' ] }, { test: /\.html$/, use: [ { loader: 'file-loader', options: { name: '[name].[ext]' } }, 'extract-loader', { loader: 'html-loader', options: { root: path.resolve(__dirname, '../assets/images'), attrs: ['img:src', 'link:href'] } } ] }, { test: /\.md$/, use: [ 'html-loader', 'markdown-loader' ] }, { test: /\.css$/, include: /node_modules\/(?!@parity)*/, use: [ 'style-loader', 'css-loader' ] }, { test: /\.css$/, exclude: /node_modules\/(?!@parity)*/, use: [ 'style-loader', { loader: 'css-loader', options: { importLoaders: 1, localIdentName: '[name]_[local]_[hash:base64:10]', minimize: true, modules: true } }, { loader: 'postcss-loader', options: { plugins: (loader) => [ require('postcss-import'), require('postcss-nested'), require('postcss-simple-vars') ] } } ] }, { test: /\.(png|jpg)$/, use: [ { loader: 'file-loader', options: { name: 'assets/[name].[hash].[ext]' } } ] }, { test: /\.(woff|woff2|ttf|eot|otf)(\?v=[0-9]\.[0-9]\.[0-9])?$/, use: [ { loader: 'file-loader', options: { name: 'fonts/[name][hash].[ext]' } } ] }, { test: /parity-logo-white-no-text\.svg/, use: [ 'url-loader' ] }, { test: /\.svg(\?v=[0-9]\.[0-9]\.[0-9])?$/, exclude: [ /parity-logo-white-no-text\.svg/ ], use: [ { loader: 'file-loader', options: { name: 'assets/[name].[hash].[ext]' } } ] } ], noParse: [ /node_modules\/sinon/ ] }, resolve: { alias: { '~': path.resolve(__dirname, '..'), '@parity/abi': path.resolve(__dirname, '../node_modules/@parity/abi'), '@parity/api': path.resolve(__dirname, '../node_modules/@parity/api'), '@parity/etherscan': path.resolve(__dirname, '../node_modules/@parity/etherscan'), '@parity/jsonrpc': path.resolve(__dirname, '../node_modules/@parity/jsonrpc'), '@parity/parity.js': path.resolve(__dirname, '../node_modules/@parity/parity.js'), '@parity/shared': path.resolve(__dirname, '../node_modules/@parity/shared'), '@parity/ui': path.resolve(__dirname, '../node_modules/@parity/ui'), '@parity/wordlist': path.resolve(__dirname, '../node_modules/@parity/wordlist'), '@parity': path.resolve(__dirname, '../packages') }, modules: [ path.join(__dirname, '../node_modules') ], extensions: ['.json', '.js', '.jsx'], unsafeCache: true }, node: { fs: 'empty' }, plugins: (function () { const DappsHTMLInjection = [] .concat(DAPPS_BUILTIN, DAPPS_VIEWS) .filter((dapp) => !dapp.skipBuild) .map((dapp) => { return new HtmlWebpackPlugin({ title: dapp.name, filename: dapp.url + '.html', template: '../packages/dapps/index.ejs', favicon: FAVICON, secure: dapp.secure, chunks: [ dapp.url ] }); }); let plugins = Shared.getPlugins().concat( new WebpackErrorNotificationPlugin() ); if (!isEmbed) { plugins = [].concat( plugins, new HtmlWebpackPlugin({ title: 'Parity', filename: 'index.html', template: './index.ejs', favicon: FAVICON, chunks: [ 'index' ] }), new ServiceWorkerWebpackPlugin({ entry: path.join(__dirname, '../src/serviceWorker.js') }), DappsHTMLInjection, new CopyWebpackPlugin([ { from: './error_pages.css', to: 'styles.css' }, { from: '../packages/dapps/static' } ], {}) ); } if (isEmbed) { plugins.push( new HtmlWebpackPlugin({ title: 'Parity Bar', filename: 'embed.html', template: './index.ejs', favicon: FAVICON, chunks: [ 'embed' ] }) ); } // if (!isAnalize && !isProd) { // const DEST_I18N = path.join(__dirname, '..', DEST, 'i18n'); // // plugins.push( // new ReactIntlAggregatePlugin({ // messagesPattern: DEST_I18N + '/i18n/**/*.json', // aggregateOutputDir: DEST_I18N + '/i18n/', // aggregateFilename: 'en' // }) // ); // } return plugins; }()) };