在上一篇中，介紹了 webpack 的 entry 、 output 、 plugins 屬性。

在這一篇，接著介紹其它配置屬性。

mode

這個(gè)屬性在上一篇中使用過(guò)一次：設(shè)置 webpack 編譯模式，那么這個(gè)屬性到底是什么東西呢？

打包器是將開(kāi)發(fā)環(huán)境代碼 編譯 為可部署環(huán)境代碼

搭建的 工程化 代碼基本都無(wú)法直接運(yùn)行在瀏覽器，所以本地測(cè)試也都是使用打包編譯后的代碼預(yù)覽。

但是本地開(kāi)發(fā)預(yù)覽又必須具有代碼可讀性、可調(diào)試性等條件。

webpack 為了解決這個(gè)問(wèn)題，就提供了兩種 打包模式：開(kāi)發(fā)模式（development）和發(fā)布模式（production）

由mode屬性設(shè)置

 {

   mode:'development'

 }

也可以使用 CLI參數(shù) 進(jìn)行設(shè)置

總結(jié)

以上是生活随笔為你收集整理的从零学脚手架(二)---初识webpack的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。