首先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。