webpack学习笔记-1.基础安装

1.初始化文件 命令一路yes

npm init

在这里插入图片描述
成功后文件夹下会生成package.json文件

2.全局安装webpack/webpack-cli

npm install -g webpack webpack-cli
//命令可查看是否安装成功
webpack -v
webpack-cli -v

在这里插入图片描述
3.安装项目依赖包

npm install webpack webpack-cli -dev

安装成功后项目中会生成文件node_modules
在这里插入图片描述
此时此刻命令行中运行webpack命令已经可以实现最简单的打包

webpack

在这里插入图片描述
可以看到文件中已经生成了dist文件
在这里插入图片描述
但是默认情况下只会打包src文件夹下的index.js文件,若是想要打包其他js文件,可采用命令

webpack src/test.js --output dist/test.js

在这里插入图片描述
当然一般不推荐这么做,大概率来说不可能在项目中只打包某一个文件,只是做个基础

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值