【先行者】webpack学习笔记（节选）

这一段时间咱们主要搞一个前端开发的环境的配置，

因为许多同学有这方面的需求。

然后一节课未必讲得完，所以会分成二三次来讲。

<!-- -->

1、我在本地电脑 的d盘，新建一个目录，test_app，

做为开发的目录。

2、要全局的安装 webpack，

<!--

因为我的电脑已经全局的安装过了webpack，

所以就不再演示webpack全局安装的过程。

-->

全局安装 webpack，npm install webpack -g

在test_app目录中，局部的安装webpack，

npm install webpack --save-dev

咱们现在用的是 webpack 4.x

<!-- 我之前 已经使用 cnpm的源，所以速度会相对快一些。 -->

3、在test_app中，新建三个目录，

- config

- dist

- src

4、初始化

npm init -y，

-y的意思就是package.json里都按默认来设置

5、开始压缩一下试试看效果

。。。。

<!-- -->

webpack 4.x 它的默认的入口是src里面的index.js，

可以先运行webpack来打包。

webpack有二种打包环境，

- 开发环境，development

- 生产环境，production

在打包的时候，输入 webpack --model=development或production，

就没有警告了。

<!-- -->

它们的关系是这样，

webpack.dev.js，主要管一些压缩、打包、入口、服务、输出文件方面的事情；

package.json，主要负责一些依赖项、命令的定义之类的。

就是webpack跟业务有关；

package.json，它跟开发环境的配置有关。

<!-- -->

。。。。(略、略、略)

<!-- -->

今天的内容就么多，

下周日，咱们继续搞，

什么js的压缩啊，css中图片的处理，等等。