鍍金池/ 問答/HTML/ 如何設(shè)置webpack 壓縮js 生產(chǎn)新文件?

如何設(shè)置webpack 壓縮js 生產(chǎn)新文件?

如何設(shè)置webpack 壓縮js 生產(chǎn)新文件?

plugins: [
    new UglifyJsPlugin({
      output: {
        filename: "[name].min.js"
      }
    })
  ]

我想把打包在 bundle 下的 aaa.js 文件壓縮一下， 生成一個新的 aaa.min.js 文件。

配置給如何寫？

回答
編輯回答
傻叼

一般都是寫兩個配置文件，一個開發(fā)階段用，另一個發(fā)布階段用，不會同時打包生成非壓縮文件和.min文件，如果想要同時存在兩個文件發(fā)布的時候，分別使用webpack.dev.config.js和webpack.prod.config.js執(zhí)行一遍webpack就行了。

2018年4月6日 05:26
編輯回答
陌南塵

沒事做，寫了份webpack教程，樓主要是不怎么會用，可觀閱下，已分享到github上

2018年1月9日 07:14
編輯回答
有點壞
npm install uglify-js -g
uglifyjs aaa.js -o aaa-min.js

還有一種辦法，就是在打包的同時就壓縮。
在webpack的配置中加入：

 plugins: [
    new webpack.optimize.UglifyJsPlugin(),
  ]
2018年6月7日 06:06
編輯回答
安淺陌
plugins: [
    new webpack.optimize.UglifyJsPlugin(),
  ]

會自動壓縮的，另外如果你的項目僅僅是壓縮靜態(tài)資源，還不如用gulp來的方便

2018年7月28日 19:32