码迷,mamicode.com
首页 > Web开发 > 详细

webpack---(1)

时间:2017-10-20 14:35:50      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:完成   解决方案   pac   工作   步骤   strong   rip   css   web   

1:webpack

WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。

Webpack的工作方式是:把你的项目当做一个整体,通过一个给定的主文件(如:index.js),Webpack将从这个文件开始找到你的项目的所有依赖文件,使用loaders处理它们,最后打包为一个(或多个)浏览器可识别的JavaScript文件。

2:gulp,grunt

Gulp/Grunt是一种能够优化前端的开发流程的工具,而WebPack是一种模块化的解决方案,不过Webpack的优点使得Webpack在很多场景下可以替代Gulp/Grunt类的工具。

Grunt和Gulp的工作方式是:在一个配置文件中,指明对某些文件进行类似编译,组合,压缩等任务的具体步骤,工具之后可以自动替你完成这些任务。

<使用webpack>

//全局安装

npm install -g webpack

//安装到你的项目目录

npm install --save-dev webpack

 

webpack---(1)

标签:完成   解决方案   pac   工作   步骤   strong   rip   css   web   

原文地址:http://www.cnblogs.com/onionrunning/p/7699292.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!