一、介紹
node和npm是什么？
node和npm簡介
image.png
node.js可以用于：開發(fā)服務(wù)端程序，開發(fā)工具類應(yīng)用，開發(fā)桌面端應(yīng)用
image.png
image.png
image.png
webpack:
image.png
image.png
image.png
image.png
二、基本配置
配置明細(xì)
打包
三、安裝
本地局部安裝
全局安裝
最新體驗版
四、開發(fā)模式
image.png
五、Loaders使用
Webpack 支持使用 loader 對文件進(jìn)行預(yù)處理，借助loader解析js和json以為的資源。
image.png
image.png
image.png
image.png
六、處理js資源
image.png
image.png
image.png
七、Plugin插件
插件 是 webpack 的 支柱 功能。Webpack 自身也是構(gòu)建于你在 webpack 配置中用到的 相同的插件系統(tǒng) 之上！
插件目的在于解決 loader 無法實現(xiàn)的其他事。Webpack 提供很多開箱即用的 插件。
image.png
