webpack成长指北第2章---安装webpack的正确姿势

简介: webpack成长指北第2章---安装webpack的正确姿势


接下来我将和大家说说,如何正确的安装webpack

安装nodejs

nodejs是必须要安装的,可以说是当前前端开发环境必不可少的一部分,很多的依赖包都需要通过nodejs来进行安装

我们可以去nodejs官方网站下载最新的nodejs版本,nodejs版本越高,对webpack的打包越有利,速度也更快

下载nodejs安装包并安装完成之后,打开终端输入

node -v

可以查看node版本

再输入

npm -v

看到了npm 的版本号,说明node安装成功

初始化项目

npm 初始化项目,让项目符合nodejs规范并生成package.json

npm init -y

安装 webpack webpack-cli(推荐项目内安装而不是全局安装)

这里安装webpack和webpack-cli最好是全局安装而不是局部安装,因为有些项目是webpack3打包的,有些却是webpack4打包的,所以如果全局安装可能会导致一些webpack版本不同的项目无法跑起来,所以推荐项目内安装

npm i webpack webpack-cli -D
目录
相关文章
|
5月前
|
JavaScript Windows
安装node.js与webpack创建vue2项目
安装node.js与webpack创建vue2项目
39 1
|
JavaScript 数据安全/隐私保护
Webpack 安装
Webpack 安装
72 0
|
人工智能 JavaScript
nodejs安装webpack详细步骤
nodejs安装webpack详细步骤
|
前端开发
前端学习笔记202303学习笔记第三天-Vue3.0-webpack安装和配置webpack-dev-server
前端学习笔记202303学习笔记第三天-Vue3.0-webpack安装和配置webpack-dev-server
85 0
|
前端开发
前端学习笔记202303学习笔记第二天-安装和配置webpack
前端学习笔记202303学习笔记第二天-安装和配置webpack
86 0
|
前端开发
前端学习笔记202303学习笔记第二天-安装和配置webpack
前端学习笔记202303学习笔记第二天-安装和配置webpack
67 0
|
前端开发
前端学习笔记202303学习笔记第二天-安装和配置webpack2
前端学习笔记202303学习笔记第二天-安装和配置webpack2
64 0
|
JavaScript 前端开发
webpack打包js全局本地安装
webpack打包js全局本地安装
188 0
webpack打包js全局本地安装
Webpack & Webpack-cli 安装成功后查看 webpack -v报错
Webpack & Webpack-cli 安装成功后查看 webpack -v报错
Webpack & Webpack-cli 安装成功后查看 webpack -v报错
|
前端开发 JavaScript API
webpack的安装和使用
为前端工程化而生:webpack致力于解决前端工程化,特别是浏览器端工程化中遇到的问题,让开发者集中注意力编写业务代码,而把工程化过程中的问题全部交给webpack来处理