webpack怎么安装

2022-05-17 小知识

webpack怎么安装
1、安装node.js;
2、建立设置装备摆设文件【package.json】;
3、安装webpack：【npm install webpack --save-dev】；

文章插图

需要这些哦
node.js
提醒号令符
webpack安装1在电脑上安装node.js ，关于【Node.js若何下载并安装】请拜见：
23Node.js若何下载并安装
14若何查抄Node.js是否安装正常

文章插图

2node.js自带npm ，所以node.js安装完当作后，不需要再安装npm；输入号令【npm -v】，可查看当前npm的版本，如图：

文章插图

3在项目文件夹中建立【package.json】设置装备摆设文件，关于若何建立package.json设置装备摆设文件请拜见：
7怎么经由过程npm init 号令建立package.json文件

文章插图

4安装webpack
经由过程cmd进入项目根目次文件夹，输入【npm install webpack --save-dev】,然后按回车键，如图：
关于若何经由过程cmd号令提醒符进入项目根目次文件夹请拜见：
4cmd号令提醒符若何打开E盘下的文件夹

文章插图

文章插图

5需要期待一会，最后显示出webpack的版本信息，然后打开【package.json】设置装备摆设文件，可以看到这里也有了webpack的版本信息，如图：

文章插图

文章插图

6然后打开项目根目次文件夹，在该文件夹下生当作了一个【node_modules】文件，如图：

文章插图

安装webpack-cli1在cmd中进入项目根目次，输入号令【webpack -v】，查看当前webpack的版本信息，获得提醒：不是内部或外部号令…… ，如图：
注重:webpack 4x以上， webpack将号令相关的内容都放到了webpack-cli ，所以还需要安装webpack-cli；

文章插图

2输入号令【npm install --save-dev webpack-cli】，然后按回车键，如图：

文章插图

3然后在输入号令【webpack -v】，按回车键，获得提醒：不是内部或外部号令…… ，申明webpack仍是没有安装当作功，如图：

推荐阅读

上一篇：TXT文本如何转换为Excel

下一篇：方案设计师里面如何设置模板制作