最近在学习webpack的总结,不完善的希望各位提出宝贵的建议。本篇是以webpack3.0版本为基础的学习总结。
一.webpack的概念及作用
wepack是一个模块打包兼优化工具。往往一个项目中,有众多的的依赖包和繁琐的js文件,有时还要解决sass,less,....等新增样式的编译工作,所以在项目的开发中需要webpack作为辅助工具,而3.0版本肩负起了优化项目的责任。
1.打包:把多个js文件打包为一个文件,来减少服务器的压力和下载贷宽。
2.转换:把拓展语言转换为普通的js文件,让浏览器顺利运行。
3.优化:优化和提升性能的责任。
二.webpack的安装
1.win+R打开任务栏,先安装node工作环境(自行脑补)。
2.创建文件名称。及mkdir <project-name>,创建一个文件。
3.然后安装webpack.及npm install webpack --g.(这里的--g,是全局安装。也可以是--save,局部安装。建议是局部安装)。
4.要对webpack进行初始化,及npm init对项目进行初始化。(其中生成的package.json文件,就是说明一些项目的基本信息)。
5.最后一步就是项目的目录安装,及npm install --save-dev webpack.(其中,--save:是说明要保存到package.json文件中。-dev:是在开发环境中使用的包,在生产环境中不使用)。
这样基本的webpack的工作已经完成,接下来就可以尽情的玩耍了。
(敬请期待下次分享)