webPack的安装与配置

首先webPack是什么?有什么用 ?

webpack可以看做模块打包机,它可以分析你的项目,找到js模块以及其他一些浏览器不能直接运行的拓展语言,并将其转换和打包成合适的格式以供浏览器使用。在webpack看来,一切皆模块,这也是webpack的优点,可以让我们把复杂的程序细化为小的文件。

如何安装webPack?

1、首先要安装Node.js,Node.js自带了软件包管理器NPM。在安装过程中注意环境变量的配置,测试安装成功的指令为:node -v以及npm -v。

通过NPM安装webpack。指令如下:npm install webpack -g(这边是全局安装),测试安装成功的指令为:webpack -v。

2、进入项目目录,利用npm init指令创建package.json文件。

3、npm install webpack --save-dev如需安装指定版本:npm install webpack@1.31.x --save-dev。

4、通过配置来执行打包任务

5、使用webpack构建本地服务器。这个本地服务器给予node.js构建的,不过它是一个单独的组件,在webpack中进行配置之前。需要安装它来作为项目依赖。指令如下:npm install --save-dev webpack-dev-server。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 12,542评论 7 35
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 13,845评论 0 21
  • 构建一个小项目——FlyBird,学习webpack和react。(本文成文于2017/2/25) 从webpac...
    布蕾布蕾阅读 16,973评论 31 98
  • 前言 众所周知目前比较火的工具就是gulp和webpack,但webpack和gulp却有所不同,本人两者的底层研...
    cduyzh阅读 5,199评论 0 13
  • 至此今日来这里快三年了,看了无数场大雪纷飞,但仿佛就只有此时的雪才能这么可爱,最有意境... 一窗之隔...
    芦橘枫阅读 1,774评论 0 0