webpack的详细知识点(一)----对js代码的模块打包

1:新建文件夹,使用vscode打开,同时打开终端,输入 npm init 

运行后我们回车 遇到Is this OK? (yes) yes 输入yes就可以 。

webpack的安装之:如何局部安装

1:先把webpack的全局安装给卸载,操作如下,

2:在你需要运行的项目下载webpack,有两种方式

 a:在项目中打开终端,输入cnpm install webpack webpack-cli -D

        下载完成后再package.json。中查看有无安装包。

npx 可以运行内部的项目中查看webpack    npx webpack -v 查看当前的局部版本号信息

b: npm info webpack 来查看webpack的所有版本号信息

你可以在返回的信息中找到想要安装的版本号,安装如下:

cnpm install webpack@4.16.5 webpack-cli -D

webpack的配置文件

webpack配置文件默认叫webpack.config.js   如果需要修改配置文件可以执行  npx webpack --config XX(你需要使用的配置文件)

如果我们不使用npx 来执行打包 可以使用 npm run 来运行

·

什么是load

load是webpack用来创建识别其他文件的规则。

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值