はじめに
SSRを実現するビルドツール: razzleは razzle startでdevelopment modeで実行できるが、client/serverビルドに失敗しても、コンソールにログが表示されない。
デバッグしやすくするために、エラーログを表示させる方法をまとめました。
対応方法。
まず、friendly-errors-webpack-plugin - npm をインストール。
yarn add friendly-errors-webpack-plugin -D
razzle.config.js に以下を追記。エラーがあるファイルや内容を教えてくれるようになります。
// filename: razzle.config.js
'use strict';
// ココ
const FriendlyErrorsWebpackPlugin = require('friendly-errors-webpack-plugin');
module.exports = {
plugins: [...],
modify: (config, { target, dev }, webpack) => {
// ココ
config.plugins = [new FriendlyErrorsWebpackPlugin()];
return config;
}
};
本音としては、デフォルトで出力されてほしい。。