前端学习笔记—WebPack打包工具

webpack 中文文档 (webpackjs.com)

一、介绍

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