webpack初学者（1）

 

最近在学习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的工作已经完成，接下来就可以尽情的玩耍了。

（敬请期待下次分享）