webpack4 未設定mode會自動壓縮

2021-09-28 15:44:18 字數 667 閱讀 5265

最近想用layabox做個小遊戲,然而laya本身不自帶構建工具。然後覺得寫模組化的東西還是用webpack好使,用es6的語法也比較清晰。

於是就裝了webpack,只用babel-loader來編譯用es6寫的**。配置檔案如下:

const webpack = require('webpack');

module.exports =,

output: ,

module: ]

} mode: 'development'//

關鍵};

一開始我沒有設定mode,雖然我在babelrc裡面寫了compact:false,但是最後構建出來的js還是壓縮的。就很懵逼。

後面上網查資料,發現新版的webpack要設定mode,就是指構建的環境,它會自動幫忙加一些預設的配置

比如mode為production時就會幫你自動壓縮。。。

所以應該是它預設設定為production就幫我自動壓縮了。

恩,前端的東西更新的很快,要跟上腳步!

官方文件:

更多專業前端知識,請上

【猿2048】www.mk2048.com

webpack4配置詳解

方式一 單檔案寫法 entry 方式二 多檔案寫法 entry output 常用的有三種 模板描述 hash模組識別符號的hash,一般應用於filename name hash js chunkhash按需載入塊內容的hash,根據chunk自身的內容計算而來,js name chunkhash...

webpack4快速上手

1.在專案根目錄cnpm init y初始化。生成package.json檔案 2.在專案裡面使用cnpm安裝webpack 3.需要在根目錄下新建webpack.config.js檔案 在其裡面配置暴露物件 module.exports 4.在根目錄下新建src index.js檔案 因為此時執行...

webpack4 基本使用

webpack是基於node構建,所以wepack支援所有node api和語法。即 chrome瀏覽器能支援的ecmascript語法 排除dom bom wbpack都能支援。chrome不支援es6,所以webpack也不支援。建立基本的webpack4.x專案 建立後的目錄 其中 packa...