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
目录
相关文章
|
7月前
|
JavaScript 数据安全/隐私保护
Webpack 安装
Webpack 安装
42 0
|
10月前
|
人工智能 JavaScript
nodejs安装webpack详细步骤
nodejs安装webpack详细步骤
|
10月前
|
前端开发
前端学习笔记202303学习笔记第三天-Vue3.0-webpack安装和配置webpack-dev-server
前端学习笔记202303学习笔记第三天-Vue3.0-webpack安装和配置webpack-dev-server
56 0
|
11月前
|
前端开发
前端学习笔记202303学习笔记第二天-安装和配置webpack
前端学习笔记202303学习笔记第二天-安装和配置webpack
57 0
|
11月前
|
前端开发
前端学习笔记202303学习笔记第二天-安装和配置webpack
前端学习笔记202303学习笔记第二天-安装和配置webpack
43 0
|
前端开发 JavaScript API
webpack的安装和使用
为前端工程化而生:webpack致力于解决前端工程化,特别是浏览器端工程化中遇到的问题,让开发者集中注意力编写业务代码,而把工程化过程中的问题全部交给webpack来处理
|
JavaScript 前端开发
webpack打包js全局本地安装
webpack打包js全局本地安装
153 0
webpack打包js全局本地安装
Webpack & Webpack-cli 安装成功后查看 webpack -v报错
Webpack & Webpack-cli 安装成功后查看 webpack -v报错
Webpack & Webpack-cli 安装成功后查看 webpack -v报错
|
JavaScript
Vue课程6-安装和配置webpack
Vue课程6-安装和配置webpack
68 0
Vue课程6-安装和配置webpack
|
前端开发 JavaScript 开发工具
【前端】webpack 安装
Webpack 可以处理模块之间的一来,将它们串联起来合并为一个单一的 JS 文件 备注:要在前端走远一点,迟早还是得摆脱脚手架,搭建自定义的项目,更重要的是不止会用了,还知道为啥用,知其然亦知其所以然了。
101 0
【前端】webpack 安装