Webpack 10分钟入门

  1. 云栖社区>
  2. 汪子熙>
  3. 博客>
  4. 正文

Webpack 10分钟入门

jerrywangsap 2018-10-22 22:30:19 浏览799
展开阅读全文

可以说现在但凡开发Single page application,webpack是一个不可或缺的工具。

WebPack可以看做是一个模块加工器,如上图所示。它做的事情是,接受一些输入,经过加工产生一些输出。

输入是我们web前端项目的模块文件,通常情况下这些文件都不能直接被浏览器的JavaScript执行引擎所执行。

输出是经过webpack加工后的能被浏览器使用的javascript和静态资源文件。比如ES6的js转成ES5的js,CSS预处理器文件转成CSS文件等等。

我们来动手做一个具体的例子。这个例子只花费10分钟时间,就能让我们熟悉webpack的基本用法。

1. 新建一个文件夹,首先用npm init命令创建一个package.json:

在下面使用命令行npm install --save-dev webpack,安装webpa

网友评论

登录后评论
0/500
评论
jerrywangsap
+ 关注
所属云栖号: 汪子熙