How to use razzle-dev-utils - 10 common examples

process.env.INSPECT_ENABLED = true;
}

// Optimistically, we make the console look exactly like the output of our
// FriendlyErrorsPlugin during compilation, so the user has immediate feedback.
// clearConsole();
logger.start('Compiling...');
let after = {};

// Check for after.config.js file
if (fs.existsSync(paths.appAfterConfig)) {
  try {
    after = require(paths.appAfterConfig);
  } catch (e) {
    clearConsole();
    logger.error('Invalid after.config.js file.', e);
    process.exit(1);
  }
}

// Delete assets.json to always have a manifest up to date
fs.removeSync(paths.appManifest);

// Create dev configs using our config factory, passing in after file as
// options.
let clientConfig = createConfig('web', 'dev', after);
let serverConfig = createConfig('node', 'dev', after);

// Check if after.config has a modify function. If it does, call it on the
// configs we just created.
if (after.modify) {
  clientConfig = after.modify(

function main() {
  // Optimistically, we make the console look exactly like the output of our
  // FriendlyErrorsPlugin during compilation, so the user has immediate feedback.
  // clearConsole();
  logger.start('Compiling...');
  let razzle = {};

  // Check for razzle.config.js file
  if (fs.existsSync(paths.appRazzleConfig)) {
    try {
      razzle = require(paths.appRazzleConfig);
    } catch (e) {
      clearConsole();
      logger.error('Invalid razzle.config.js file.', e);
      process.exit(1);
    }
  }

  // Delete assets.json to always have a manifest up to date
  fs.removeSync(paths.appManifest);

  // Create dev configs using our config factory, passing in razzle file as
  // options.
  let clientConfig = createConfig('web', 'dev', razzle, webpack);
  let serverConfig = createConfig('node', 'dev', razzle, webpack);

  // Compile our assets with webpack
  const clientCompiler = compile(clientConfig);
  const serverCompiler = compile(serverConfig);

function main() {
  // Optimistically, we make the console look exactly like the output of our
  // FriendlyErrorsPlugin during compilation, so the user has immediate feedback.
  // clearConsole();
  logger.start('Compiling...');
  let razzle = {};

  // Check for razzle.config.js file
  if (fs.existsSync(paths.appRazzleConfig)) {
    try {
      razzle = require(paths.appRazzleConfig);
    } catch (e) {
      clearConsole();
      logger.error('Invalid razzle.config.js file.', e);
      process.exit(1);
    }
  }

  // Delete assets.json to always have a manifest up to date
  fs.removeSync(paths.appManifest);

const logger = require('razzle-dev-utils/logger');
const chokidar = require('chokidar');
const { choosePort } = require('react-dev-utils/WebpackDevServerUtils');

process.noDeprecation = true; // turns off that loadQuery clutter.

if (process.argv.includes('--inspect-brk')) {
  process.env.INSPECT_BRK_ENABLED = true;
} else if (process.argv.includes('--inspect')) {
  process.env.INSPECT_ENABLED = true;
}

// Optimistically, we make the console look exactly like the output of our
// FriendlyErrorsPlugin during compilation, so the user has immediate feedback.
// clearConsole();
logger.start('Compiling...');
let after = {};

// Check for after.config.js file
if (fs.existsSync(paths.appAfterConfig)) {
  try {
    after = require(paths.appAfterConfig);
  } catch (e) {
    clearConsole();
    logger.error('Invalid after.config.js file.', e);
    process.exit(1);
  }
}

// Delete assets.json to always have a manifest up to date
fs.removeSync(paths.appManifest);

function build(previousFileSizes) {
  // Check if razzle.config.js exists
  let razzle = {};
  try {
    razzle = require(paths.appRazzleConfig);
    /* eslint-disable no-empty */
  } catch (e) {}
  /* eslint-enable */

  if (razzle.clearConsole === false || !!razzle.host || !!razzle.port) {
    logger.warn(`Specifying options \`port\`, \`host\`, and \`clearConsole\` in razzle.config.js has been deprecated. 
Please use a .env file instead.

${razzle.host !== 'localhost' && `HOST=${razzle.host}`}
${razzle.port !== '3000' && `PORT=${razzle.port}`}
`);
  }

  // Create our production webpack configurations and pass in razzle options.
  let clientConfig = createConfig('web', 'prod', razzle, webpack);
  let serverConfig = createConfig('node', 'prod', razzle, webpack);

  process.noDeprecation = true; // turns off that loadQuery clutter.

  console.log('Creating an optimized production build...');
  console.log('Compiling client...');
  // First compile the client. We need it to properly output assets.json (asset

function main() {
  logger.start('Compiling...');
  const clientConfig = webpackConfig;
  const serverConfig = Object.assign({},webpackConfig,{target:'node'});

  const clientCompiler = compile(clientConfig);
  const serverCompiler = compile(serverConfig);

  clientCompiler.plugin('done', () => {
    serverCompiler.watch(
      {
        quiet: true,
        stats: 'none',
      },
      /* eslint-disable no-unused-vars */
      stats => {}
    );
  });

async function build(previousFileSizes) {
  // Check if after.config.js exists
  let after = {};
  try {
    after = require(paths.appAfterConfig);
    /* eslint-disable no-empty */
  } catch (e) {}
  /* eslint-enable */

  if (after.clearConsole === false || !!after.host || !!after.port) {
    logger.warn(`Specifying options \`port\`, \`host\`, and \`clearConsole\` in after.config.js has been deprecated. 
Please use a .env file instead.

${after.host !== 'localhost' && `HOST=${after.host}`}
${after.port !== '3000' && `PORT=${after.port}`}
`);
  }

  // Create our production webpack configurations and pass in after options.
  let clientConfig = createConfig('web', 'prod', after);
  let serverConfig = createConfig('node', 'prod', after);

  // Check if after.config has a modify function. If it does, call it on the
  // configs we just created.
  if (after.modify) {
    clientConfig = after.modify(
      clientConfig,

baseWebpackConfig.entry.client
]

// add dev plugins
baseWebpackConfig.plugins.push(
	new WriteFilePlugin(),
	new webpack.HotModuleReplacementPlugin(),
	new AutoDllPlugin({
		debug: true,
		filename,
		entry: {
			vendor,
			polyfills
		}
	}),
	new FriendlyErrorsPlugin({
		verbose: true,
		target: 'web',
		onSuccessMessage: `Your application is running at http://${HOST}:${PORT}`
	})
)

baseWebpackConfig.devServer = {
	disableHostCheck: true,
	clientLogLevel: 'none',
	// Enable gzip compression of generated files.
	compress: true,
	// watchContentBase: true,
	headers: {
		'Access-Control-Allow-Origin': '*'
	},
	historyApiFallback: {

err => {
      if (err) {
        logger.error(err);
      }
    }
  );

err => {
      if (err) {
        logger.error(err);
      }
    }
  );