Next.jsでビルド時にconsole.log等を削除する
IT記事,Next.jsterser-webpack-plugin
terser-webpack-pluginを使う方法。動いてるっぽい
installする
npm install terser-webpack-plugin --save-dev
next.config.jsに追記する
const TerserPlugin = require("terser-webpack-plugin");
const isProd = process.env.NODE_ENV === "production";
module.exports = {
reactStrictMode: true,
webpack: (config, options) => {
config.optimization.minimize = isProd;
config.optimization.minimizer = [
new TerserPlugin({
terserOptions: {
compress: {
drop_console: isProd,
},
},
extractComments: "all",
}),
];
return config;
},
};
drop_console 参考 https://github.com/mishoo/UglifyJS#compress-options
extractComments 参考 https://github.com/webpack-contrib/terser-webpack-plugin#extractcomments
関連記事

Reactでビルド時にconsole.logを除去
Reactでwebpackのterser pluginでconsole.logを ...

[Vue・terser-webpack-plugin] ビルド時にconsole.logを除去
Vue Cliでプロジェクトを作ったとして、ビルド時にconsole.logを自 ...

AWS Amplifyで匿名掲示板を作ってみた
AWS Amplifyで匿名掲示板を作ってみた 以下のURL いろんな機能がまっ ...

[Amplify + Next.js] 簡単な掲示板を作成
前にReactで作った掲示板をNextにしてみる。SSRをまず使ってみる。 ne ...

動画を切り抜くときのメモ
動画の切り抜きの方法。あわせて生放送から切り抜くときの方法も。 事前準備 カメラ ...
ディスカッション
コメント一覧
まだ、コメントがありません