文章目录
几点建议(可略过)
- 一定要有看文档的习惯。好处:(1)避免出现版本升级后不懂用的情况,如webpack3.x到webpack4.x ,就出现了一些老用户配置出错的情况。(2)能锻炼自己的文档查阅能力
- 学习webpack的必要性:因为有很多框架是基本基于webpack去开发,如vue,它的脚手架是直接配置好的,我们要能够看得懂、能调试。
- 建议经常去github上逛逛,比如搜zepto,能看到它的引入方式:下载、在哪个目录、怎么去引。
webpack简介
1.webpack官方中文文档
2.这里讲的是4.x版本。也会简单讲一点与3.x旧版本的用法差异
3.当我们要去了解一个工具,建议可以先去官网看文档,看官方提高的介绍、当前版本等,防止你所参考的视频、文档过了时效性
1.webpack是什么?
一个模态模块(html、js、css、image)的打包器
2.webpack能干什么?
模块化打包。
它能打包成什么样?
1.css、html、js变成一行(把多余的空格和回车都给压缩了)
2.去除注释
3.去除引号
安装
前提:安装了node、npm。
3.x全局安装只用npm install webpack -g
而4.x多了个cli脚手架
(1)全局安装:用npm或cnpm安装
//2个分别安装:
npm install