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を自 ...
電源コードのプラグがノートパソコンの中に折れて残ったら
朝起きたら、ノートパソコンがベッドから落ちていて、ついでに電源コードのプラグの真 ...
vueでtestメモ
インストール vue cliを使い、vueプロジェクトにTestツールをインスト ...
AWS Amplifyで匿名掲示板を作ってみた
AWS Amplifyで匿名掲示板を作ってみた 以下のURL いろんな機能がまっ ...
ディスカッション
コメント一覧
まだ、コメントがありません