最近被某大公司大佬虐了，要求混淆用vuecli3寫的代碼（啥敏感信息都沒有，混淆個什么混淆...） 言歸正傳，現將混淆流程記錄如下： 1、安裝 “uglifyjs-webpack-plugin” 沒有安裝cnpm的同學可以用npm 2、在項目根目錄下創建一個名為 ...

參考來源：https://github.com/ruanyf/webpack-demos#demo01-entry-file-source 后面的代碼：https://github.com/947133297/lwj-webpack-demo 打包AMD和commonJS模塊 webpack ...

壓縮JS代碼： packer – 最好用的 javascript 壓縮工具地址： http://dean.edwards.name/packer/ http://kan.willin.org/?page_id=1288 恢復JSMIN等工具壓縮的JS代碼 ...

開始，按照我的webpack分模塊文章配置好后(mini-css-extract-plugin不支持代碼hmr熱更新，所以只在生產模式進行配置)，開始下面的配置 yarn add mini-css-extract-plugin css-minimizer-webpack-plugin ...

按Ctrl + Shift + P調出命令窗口，輸入join lines,確認執行就可以合並多行了。 join lines ...

省略廢話。 1.ES6之前兩個比較流行的模塊機制CommonJS和AMD。CommonJS模塊就是對象，加載模塊時加載的是拷貝；而ES6加載的是對export的變量的引用。 2.ES6模塊不是對象，使用可出現在模塊頂層任何位置的export顯式指定輸出的代碼（變量、函數、class ...

前言 做Web前端開發，總是要考慮頁面的打開速度，如果文件數量越少、文件長度越小，就可以直接的提升網頁的訪問速度。 但在開發的時候，為了保證代碼的可讀性，我們寫的程序文件會很多而且很大，這樣就與部署的要求發生背離，通過UglifyJS2這個工具，我們可以在開發完成時，對代碼文件進行 合並、混淆 ...

1.壓縮JS代碼，mode設置為production后,打包時自動壓縮代碼 2.壓縮html文件，html文件不需要處理兼容問題，壓縮文件只需要在plugins中的HtmlWebpackPlugin中配置minify即可 ...