一、介绍
node和npm是什么?

node和npm简介

image.png
node.js可以用于:开发服务端程序,开发工具类应用,开发桌面端应用

image.png

image.png

image.png
webpack:

image.png

image.png

image.png

image.png
二、基本配置

配置明细

打包
三、安装

本地局部安装

全局安装

最新体验版
四、开发模式

image.png
五、Loaders使用
Webpack 支持使用 loader 对文件进行预处理,借助loader解析js和json以为的资源。

image.png

image.png

image.png

image.png
六、处理js资源

image.png

image.png

image.png
七、Plugin插件
插件 是 webpack 的 支柱 功能。Webpack 自身也是构建于你在 webpack 配置中用到的 相同的插件系统 之上!
插件目的在于解决 loader 无法实现的其他事。Webpack 提供很多开箱即用的 插件。

image.png