読者です 読者をやめる 読者になる 読者になる

メンチカツ

ロースカツが好きです

【メモ】webpack.optimize.UglifyJsPluginでbuildしてもコメントが残っちゃうんだよねってとき

webpack React

Reactアプリでリリースってなったとき、みんなやりたいのがjsファイルのminify。

webpackのドキュメント

list of plugins

に習い、webpack.config.jsで

plugins: [
  new webpack.optimize.UglifyJsPlugin({
    compress: {
        warnings: false
    }
  })
]

を追加するも、ビルドしたソースにはコメントやスペースがもりもり残ってる。。😇

そんなときはjsのloaderにoptionを追加。

module: {
    loaders: [
        {
            test: /\.js$/,
            loader: 'babel',
            query: {
                comments: false,
                compact: true
            },
            exclude: /node_modules/,
            include: __dirname
        }
    ]
}

babel-loaderのqueryに追加できるoption

babeljs.io

無事、いい感じにminifyできました。