webpack怎么安装

webpack怎么安装

1、安装node.js;

2、建立设置装备摆设文件【package.json】;

3、安装webpack：【npm install webpack --save-dev】；

东西/原料

• node.js
• 提醒号令符

webpack安装

1. 1

   在电脑上安装node.js，关于【Node.js若何下载并安装】请拜见：

   23若何下载并安装

   14若何查抄是否安装正常

   
2. 2

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

   
3. 3

   在项目文件夹中建立【package.json】设置装备摆设文件，关于若何建立package.json设置装备摆设文件请拜见：

   7怎么经由过程号令建立文件

   
4. 4

   安装webpack

   经由过程cmd进入项目根目次文件夹，输入【npm install webpack --save-dev】,然后按回车键，如图：

   关于若何经由过程cmd号令提醒符进入项目根目次文件夹请拜见：

   4号令提醒符若何打开盘下的文件夹

   
5. 5

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

   
6. 6

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

   

安装webpack-cli

1. 1

   在cmd中进入项目根目次，输入号令【webpack -v】，查看当前webpack的版本信息，获得提醒：不是内部或外部号令……，如图：

   注重:webpack 4x以上，webpack将号令相关的内容都放到了webpack-cli，所以还需要安装webpack-cli；

   
2. 2

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

   
3. 3

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

   
4. 4

   输入号令【npm install --global webpack】，按回车键；然后在输入号令【webpack -v】，按回车键，依然没有呈现webpack的版本信息，如图：

   
5. 5

   就继续输入号令【npm install --global webpack-cli】，按回车键；

   然后在输入号令【webpack -v】，按回车键，呈现webpack的版本，就申明安装当作功，如图：

   

注重事项

• 但愿小编分享的原创经验对好伙伴们有所帮忙，若是小伙伴们有对本经验有任何疑问，请鄙人方评论处 留言会商，小编第一时候来解答！