![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Webpack
爱踢球的小猪
这个作者很懒,什么都没留下…
展开
-
Webpack 安装
Webpack的安装首先在电脑环境下安装Node,window用户可以使用git bash命令行工具https://git-for-windows.github.io/Git for Windows 专注于提供一种轻量级的本机工具,可将Git SCM的全部功能集带入Windows,同时为经验丰富的Git用户和新手提供适当的用户界面。 Git BASH Git for Windows提供了用于从原创 2017-08-21 10:05:29 · 1388 阅读 · 0 评论 -
Webpack 基础
什么是Webpack WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。 WebPack和Grunt以及Gulp相比有什么特性 其实Webpack和另外两个并没有太多的可比性,Gulp/Grunt是一种能够优化前端的开发流程的工原创 2017-08-20 11:21:23 · 214 阅读 · 0 评论 -
Webpack 使用(三)
前言 前面我们只是讲的如何将js文件打包以及将css文件引入js文件后打包,当打包后集成在html我们只是直接在index.html文件中引入我们预先设置好的js打包后文件名 <script type="text/javascript" src="hello.bundle.js"></script> 显然这是不够的,实际开发通常是多页面,并且有许多打包后的文件,我们不可能在每个原创 2017-08-24 15:53:25 · 337 阅读 · 0 评论 -
Webpack 使用(一)
Webpack基本使用在命令行工具git bash中可以输入webpack -h可以得到webpack的一些选项 例如 - –watch 监听 - –module-bind 绑定loader - –progress 打印进程的百分比 - –color 打包信息带有颜色显示 - –display-module 显示打包的模块 - –display-reason原创 2017-08-21 11:35:19 · 181 阅读 · 0 评论 -
Webpack 使用(二)
Webpack config我们可以通过配置一个webpack配置文件,默认名为webpack.config.js,这样我们可以制定打包的内容,打包后的文件名,打包后放在哪个位置,相比于之前webpack a.js a.bundle.js,这样更加简便。当然也可以执行--config命令行 Webpack Config context : 用于解决entry选项的基本目录(绝对路径) entry :原创 2017-08-21 15:05:55 · 324 阅读 · 0 评论