安装webpack

一、webpack全局安装

1、由于 webpack 执行打包压缩时依赖 nodeJS,所以在安装 webpack 之前先安装好 nodeJS。
2、window+R输入cmd打开命令提示符
3、输入 node -v检查node 安装版本
4、输入 npm install webpack -g
5、如果安装的是较高版本的webpack,(现在安装的版本都比较高),还需要安装webpack-cli,输入npm install webpack-cli -g
6、输入webpack -v查询版本号看是否成功

在这里插入图片描述

二、 webpack局部安装
以webstrom 中项目为例

1.创建文件webpack.config.js,输入代码,告诉入口出口

const path = require('path')

module.exports = {
  entry: './src/main.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
}

2.在终端输入npm init初始化,生成package.json文件
3.在终端输入npm install webpack --save-dev
4.打开package.json可查看webpack版本号
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值