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
関連記事
![No Image No Image](https://opvel.com/wp-content/themes/luxeritas/images/no-img-100x100.png)
[Vue・terser-webpack-plugin] ビルド時にconsole.logを除去
Vue Cliでプロジェクトを作ったとして、ビルド時にconsole.logを自 ...
![No Image No Image](https://opvel.com/wp-content/themes/luxeritas/images/no-img-100x100.png)
Reactでビルド時にconsole.logを除去
Reactでwebpackのterser pluginでconsole.logを ...
![No Image No Image](https://opvel.com/wp-content/themes/luxeritas/images/no-img-100x100.png)
Vue.jsでファイル選択フォームと画像プレビュー機能を作る
Vue.jsを使ってファイル選択Formと画像のプレビュー機能を作った。以下は簡 ...
![No Image No Image](https://opvel.com/wp-content/themes/luxeritas/images/no-img-100x100.png)
[AWS Amplify] API(Graphql)のパブリック設定。複数認証。subscriptionまで。
前回公開したアプリでは、ログインした人たちが投稿と投票をできて、ログインしていな ...
![No Image No Image](https://opvel.com/wp-content/themes/luxeritas/images/no-img-100x100.png)
Spring Boot 開発環境をVisual Studio Codeで作成する
Spring Boot開発環境をVisual Studio Code (以下 V ...
ディスカッション
コメント一覧
まだ、コメントがありません