Top 10 Examples of "universal-webpack in functional component" in JavaScript

import path from 'path'
import webpack from 'webpack'
import CleanPlugin from 'clean-webpack-plugin'
import Visualizer from 'webpack-visualizer-plugin'
import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer'
import OptimizeCSSAssetsPlugin from 'optimize-css-assets-webpack-plugin';
import TerserPlugin from 'terser-webpack-plugin'

import { clientConfiguration } from 'universal-webpack'
import settings from './universal-webpack-settings'
import baseConfiguration from './webpack.config'

const configuration = clientConfiguration(baseConfiguration, settings, {
  // Extract all CSS into separate `*.css` files (one for each chunk)
  // using `mini-css-extract-plugin`
  // instead of leaving that CSS embedded directly in `*.js` chunk files.
  development: false,
  useMiniCssExtractPlugin: true
})

configuration.devtool = 'source-map'

// Minimize CSS.
// https://github.com/webpack-contrib/mini-css-extract-plugin#minimizing-for-production
configuration.optimization = {
  minimizer: [
    new TerserPlugin({
      cache: true,
      parallel: true,

}),
  new ServiceWorkerPlugin({
    entry: path.join(__dirname, 'src/sw.js')
  })
)

if (isDevelopmentMode) {
  configuration.plugins.push(new WriteFilePlugin({
    test: /(sw.js)$/,
    useHashIndex: true,
    log: false
  }))
}

// https://github.com/halt-hammerzeit/universal-webpack#flash-of-unstyled-content
module.exports = clientConfiguration(configuration, settings, {
  development: isDevelopmentMode,
  css_bundle: isDevelopmentMode
})

import webpack from 'webpack'

import { clientConfiguration } from 'universal-webpack'
import settings from './universal-webpack-settings'
import baseConfiguration from './webpack.config'

import { devServerConfig, setDevFileServer } from './devserver'

let configuration = clientConfiguration(baseConfiguration, settings)

// `webpack-serve` can't set the correct `mode` by itself
// so setting `mode` to `"development"` explicitly.
// https://github.com/webpack-contrib/webpack-serve/issues/94
configuration.mode = 'development'

// Fetch all files from webpack development server.
configuration = setDevFileServer(configuration)

// Run `webpack-dev-server`.
configuration.devServer = devServerConfig

configuration.plugins.push
(
	// Prints more readable module names in the browser console on HMR updates.
	new webpack.NamedModulesPlugin()

// import 'source-map-support/register';
import {server} from 'universal-webpack';

import settings from '../../../webpack/universal-webpack-settings';
import configuration from '../../../webpack/webpack.config';

server(configuration, settings);

// You need the full Sentry DSN (private) configured here for Node Raven to work
      // Uncomment the next lines and replace the value with the private DSN for your Sentry project
      // SENTRY_DSN: JSON.stringify(
      //   '',
      // ),
    },
    __CLIENT__: false,
    __SERVER__: true,
    __DEVELOPMENT__: false,
    __DEVTOOLS__: false,
    __SSR__: true,
    __DEBUG__: false,
  }),
);

export default serverConfiguration(configuration, settings);

import { server_configuration } from 'universal-webpack'
import settings from './web-server-webpack-settings'
import configuration from './webpack.config'
import webpack from 'webpack';

const config = server_configuration(configuration, settings)

// The universal-webpack plugin that we're using automatically collapses chunks into a
// single file. In Manifold, we're currently only splitting code into chunks if it can be
// loaded asynchronously, which means that it's only client-side code. For this reason,
// chunks should not be included in the server-side bundle. This line removes the
// LimitChunkCountPlugin, which is set by universal-webpack to have 1 maxChunk.
// We'll likely want to revisit this hack when we upgrade Webpack to v2.
config.plugins = config.plugins.filter((plugin) => {
  return plugin.constructor !== webpack.optimize.LimitChunkCountPlugin;
});

config.node = {
  __dirname: false,
  __filename: false
}

import { server_configuration } from 'universal-webpack'; // eslint-disable-line camelcase
import { universalWebpack as settings } from '../config';
import configuration from './webpack.config';

const config = server_configuration(configuration(), settings);

export default config;

import { server_configuration } from 'universal-webpack'
import settings from './react-server-webpack-settings'
import configuration from './webpack.config'
import webpack from 'webpack';

const config = server_configuration(configuration, settings);

// The universal-webpack plugin that we're using automatically collapses chunks into a
// single file. In Manifold, we're currently only splitting code into chunks if it can be
// loaded asynchronously, which means that it's only client-side code. For this reason,
// chunks should not be included in the server-side bundle. This line removes the
// LimitChunkCountPlugin, which is set by universal-webpack to have 1 maxChunk.
// We'll likely want to revisit this hack when we upgrade Webpack to v2.
config.plugins = config.plugins.filter((plugin) => {
  return plugin.constructor !== webpack.optimize.LimitChunkCountPlugin;
});

config.node = {
  __dirname: false,
  __filename: false
}

import { client_configuration } from 'universal-webpack'; // eslint-disable-line camelcase
import { universalWebpack as settings } from '../config';
import configuration from './webpack.config';

const development = process.env.NODE_ENV !== 'production';

const config = client_configuration(configuration({ client: true }), settings, {
  development,
  css_bundle: 'bundle.css',
});

export default config;

head(url)
			{
				if (process.env.NODE_ENV !== 'production')
				{
					// `devtools` just tampers with CSS styles a bit.
					// It's not required for operation and can be omitted.
					// It just removes the "flash of unstyled content" in development mode.
					const script = devtools({ ...parameters, entry: 'main' })
					return ``
				}
			}
		}