这一段时间咱们主要搞一个前端开发的环境的配置,
因为许多同学有这方面的需求。
然后一节课未必讲得完,所以会分成二三次来讲。
<!-- -->
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中图片的处理,等等。