我相信很多想學習 webpack 的童靴，一定都進過它的官網(webpack 中文官方文件），也有一定的了解 webpack 相關的知識啦，我在這裡就不多說了。估計很多同學和我一樣，看了官網的東西還是雲裡霧裡，這 webpack 到底怎麼用呢？什麼時候該用什麼呢？，本文就來說說，對於新手而言的 webpack 基礎配置。
entry：資源入口檔案，所有的資源最後會打包成乙個
js檔案。
output：打包之後存放的檔案路徑。path
為相對路徑，filename
為打包後的檔名。
loader：webpack
本身只能打包
js檔案，使用
loader
來處理js
以外的檔案。
plugins：外掛程式，提供**壓縮，生成
html
，自動清除打包後的檔案等一系列功能。
mode：webpack
對應的模式，分為development
和production。
注意：首先需要保證你的 node 是10 以上的版本
npm
iwebpack
webpack-cli-g/
/全域性安裝
我們知道 webpack 只能處理 js 檔案，js 以外的不能夠處理，這個時候，我們就需要 loader。
npm
icss-loader
less-loader
style-loader
less
將瀏覽器不能識別的新語法轉換為可以識別的舊語法，做瀏覽器的相容性處理。
npm
ibabel-loader
@babel
/core
@balel
/preset-env
}
npm
ifile-loader
url-loader
}
html 檔案 webpack 不能解析，需要借助外掛程式。
npm
ihtmt-webpack-plugin
const
htmlwebpackplugin
=require
("html-webpack-plugin"
)
new
htmlwebpackplugin()
,
在 html 中的使用 url-loader 不能處理，他只能處理 js 中引入的，所以這裡需要引入 html-loader 處理。
npm
ihtml-loader
npm
iwebpack-dev-server
devserver:
publicpath:
'images/'
,
"start"
:"webpack-dev-server",/
/專案執行指令
npmrun
start
以上是基於在開發環境中一些 webpack 基礎的配置，還有很多的有意思的 loader 和 plugin 配置，可以參見 webpack 官網。
下一次會總結一些在生產環境中的 webpack 的相關配置。
redis集群搭建（非常詳細，適合新手）
在開始redis集群搭建之前，我們先簡單回顧一下redis單機版的搭建過程 2.進入到解壓縮後的redis檔案目錄 此時可以看到makefile檔案 編譯redis原始檔 3.把編譯好的redis原始檔安裝到 usr local redis目錄下，如果 local目錄下沒有redis目錄，會自動新建...
適合新手學習的wifi模組總結資料（超詳細）
適合新手學習的wifi模組總結資料 超詳細 wlan技術 wlan是英文wirelesslan的縮寫，就是無線區域網的意思。無線乙太網技術是一種基於無線傳輸的區域網技術，與有線網路技術相比，具有靈活 建網迅速 個人化等特點。將這一技術應用於電信網的接入網領域，能夠方便 靈活地為使用者提供網路接入，適...
python的爬蟲（八）（適合新手）
個人筆記 一系列 python爬蟲 一 python爬蟲 二 python爬蟲 三 python爬蟲 四 python爬蟲 五 python爬蟲 六 python爬蟲 七 python爬蟲 九 python爬蟲 十 python爬蟲 十一 這次想把爬取資訊用郵件的方式傳送給別人，那麼實現就要自動傳送...