webpack 学习记录

为什么出现webpack?

前端的开发技术多繁杂,不同的规范以及格式,导致前端引擎并不能完全识别这些技术语言。例如:less,typescript等,你都需要手动将其转化为浏览器可识别的语言。当项目庞大时,这样的手动处理就显得尤为复杂。为了实现这一过程的自动化,于是出现了webpack。


什么是webpack?

webpack就是模块打包工具,它主要负责:分析项目结构,找到源语言,将其转化为目标语言,以及指定的其他格式。模块化解决方案。


与grunt和gulp的比较?

gulp能优化前端开发流程,工作方式:在一个配置文件中,致命某些文件进行类似:编译、组合、压缩等任务的具体步骤,工具将自动替你完成。

webpack的工作方式:把项目当作一个整体,通过给定的入口文件index.js开始查找你项目所有的依赖文件,使用loaders处理他们,最后打包成一个或者多个可识别的js文件。能处理不同类型文件。


怎样使用?

初始化:npm init

安装:npm install -g webpack      // npm install --save-dev webpack

编写配置文件,实现自动化:webpack.config.js

执行命令: npm run dev等等


。。。。



猜你喜欢

转载自blog.csdn.net/u010682774/article/details/78893124
今日推荐