《webpack-3》pdf电子书免费下载

---

下载方式一：

百度网盘下载地址：https://pan.baidu.com/s/1mcYLo702lPje7Ko6qs9nDw

百度网盘密码：1111

下载方式二：

http://ziliaoshare.cn/Download/ac_123595_pd_webpack-3.zip

 

---

作者：empty 出版社：empty

《webpack-3》介绍

整个json文件的内容很简单·主要是显示这个项目的名称、版本、作者、协议等信息·一看就能很清晰。具体的信息这里我们先按下不表·以后我们会跟这个文件经常打交道的。2.集成web pack现在项目是空的·没有任何东西·我们现在需要把web pack集成进来·让这个项目可以用这个web pack·我们在终端上输入如下命令：Sn pm install--save-dev web pack你会看到正在安装web pack的进度·稍等片刻·成功之后·我们再来看看package.json这个文件的内容。

什么意思呢?就是说·我现在这个项目依赖于web pack这个工具·就算以后别人得到这个package.json文件， 就会知道要安装这个web pack了。同时你也会发现·多了一个目录， 叫node_modules·这个就是放刚才安装的web pack这个库的所有要用到的源码文件。这点先了解这么多·其实知道大概的意思就行-3.创建javascript文件现在项目创建了·web pack也集成到项目中了·该是要把web pack玩起来的时候了。首先创建一个目录叫src·然后在该目录下创建javascript文件·叫app.js·这个文件的内容最简单·就输出helloworld·如下所示：console.log('helloworld') ；4.把web pack用起来现在要把刚才的js文件用web pack编译一下。编译后输出的文件·我们放到一个目录中·就叫dist好了。先把这个目录创建好。

大约总共有74行·大小约是2.5kb， 可以看出多出了不少东西·但至少helloworld那一行源码被包含进来了。具体的内容·你打开转化后的文件看看就知道了·5webpack的其他用法上面介绍的只是web pack一个最简单的功能·它可不止有这个用法， 还有其他的·我们来介绍一下·5.1--watch首先·在开发环境中·总是要一边改， 一边看转化效果吧·web pack也能办到·多加一个参数就好·

---

《webpack-3》目录

目錄

0.开始

1.介绍

2.安装

3.实现helloworld

4.web pack的配置文件web pack.config.js

5.使用第一个web pack插件htm-web pack-plugin

6.使用loader处理CSS和Sass

7.初识web pack-dev-server

8.用web pack和babel配置react开发环境

9.用clean-web pack-plugin来清除文件

10.配置多个HTML文件

11.如何使用pug(jade) 作为HTML的模板