webpack安装与基础命令

这篇博客介绍了如何从零开始使用webpack。首先需要初始化项目并安装webpack及webpack-cli。接着,在src文件夹内创建入口文件index.js。通过运行webpack命令,可以将源代码打包成dist文件夹内的js文件,不同模式下打包结果有所不同。了解这些基本操作后,开发者就能调用打包后的main.js进行应用部署。
摘要由CSDN通过智能技术生成

在使用webpack之前我们需要把npm安装好。

1.初始化文件夹

npm init -y

2.在开发环境安装webpack和webpack-cli

npm install webpack webpack-cli -D

3.创建一个src文件夹来放我们的资源文件,里面创建一个名为index.js的入口文件,这个入口文件名在package.json中有定义

4.终端输入

webpack --mode development

打包得到一个dist文件,里面包含打包好的js文件,这是开发环境的,可以把development换成production,变为生产环境打包。生产环境打包出来的文件没有注释,如果要恢复之前的格式,可以按下ctrl+alt+L.
之后我们就可以调用打包好的dist文件夹里面的main.js文件了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值