Webpack ,1 安装

Webpack 是一个前端资源加载/打包工具。它根据模块的依赖关系进行分析,然后将这些模块按规则生成对应的静态资源。

安装 Webpack

在安装 Webpack 前,你本地环境需要支持 node.js

NodeJS安装

下载地址:https://nodejs.org/en/ 推荐LTS版本

备注:LTS:稳定版 Current:最新版

2.安装步骤:一路Next即可(安装路径无中文)

3.确认版本:

node -v

配置镜像源

由于 npm 安装速度慢,可以使用淘宝的镜像 cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装 webpack:

npm install webpack -g // 全局安装
npm install webpack --save-dev // 项目内安装

因为练手的项目用的是 4.x 之前的版本,我这里用

npm install webpack@3.6.0 -g

我是全局安装的: npm install webpack -g 个人觉得最好在你的项目中也包含一份独立的 Webpack,这样你更方便管理你的项目

通常我们会将 Webpack 安装到项目的依赖中,这样就可以使用项目本地版本的 Webpack。

安装项目webpack依赖包
npm install webpack --save-dev

如果不想安装最新的版本那么得在webpack后面加一个@然后在填入你要安装的版本号

本次安装的是3.6 的版本,运行的是以下命令

npm install webpack@3.6.0 --save -dev
检查webpack版本
webpack -v
要使用 Webpack 开发工具,要单独安装:
npm install webpack-dev-server --save-dev

参考:https://cloud.tencent.com/developer/article/1534684

https://www.jianshu.com/p/1192cfd4a012

https://www.jianshu.com/p/42e11515c10f