首页 > Web开发 > 详细

前端工具_webpack

时间:2017-01-05 21:22:50      阅读:252      评论:0      收藏:0      [点我收藏+]

最近有时间在学习Vue 2.0的使用,因为公司一直是内网开发,所以一直没有使用过打包工具,但是基于打包工具的开发是一个大趋势。只有特殊的场合才会“闭门造车”,考虑其软件或业务数据的保密性。在学习webpack中的一点感悟写出来大家共享。

1.webpack大部门使用都是使用npm下载到本地后使用,所以需要配合npm来使用(如果没有FQ,网速感觉会很慢,可以使用淘宝的镜像 cnpm)。

2.webpack打包工具可以只引入一个bundle.js 在页面上,定义一个入口js就可以把其他的js依赖或者说加进来进行跑起来。bundle这个英文单词就是打包的意思,所以webpack的使用就是  $ webpack 入口js  bundle.js 的地址,跑完这个命令他自己会打包好,然后你跑引入的bundle.js的html页面就会加载入口js的内容(官方的入门demo就是这么做的)。

3.我开始也在纠结到底怎么打包的,但是网上找了很久也比较懵逼,之后认真看了下文档,webpack 就是按照上面的方法直接打包和编译的,不需要管其他的。

4.如果你修改了入口js那么需要重新打包一下,就能刷新得到你修改的内容。

5.webpack命令总是重试载入当前目录下的webpack.config.js,这个是需要配置的,配置好了webpack.config.js ,可以不用上面的命令运行,直接webpack一下就可以。

前端工具_webpack

原文:http://www.cnblogs.com/xjp89/p/6253732.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!