前端学习笔记—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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容