webpack安装与基础使用

(cnpm为淘宝镜像,也可以直接用npm)
1.cmd打开需要打包代码所在的文件夹,如workCode
2.cnpm install -g webpack@3.6.0
3.安装好后初始化,cnpm init(为了生成package.json)
4.对项目目录进行安装,cnpm install --save-dev webpack
5.webpack -v,验证是否安装成功

webpack三个使用方法
1.wepack a.js -o build.js
2.package.json//省略每次敲路径,简写为npm run pack(pack为自定义字段,可以改为其他)
{
“name”: “igloo2”,
“version”: “2.0.0”,
“description”: “vue.js版本”,
“main”: “index.js”,
“scripts”: {
“test”: “echo “Error: no test specified” && exit 1”,
“pack”: “node_modules/.bin/webpack common.js -o pack.js”
},
“author”: “”,
“license”: “ISC”,
“devDependencies”: {
“webpack”: “^4.41.5”
}
}
3.或者 拷贝官网webpack.config.js//entry入口,output出口,配置好后
.package.json “pack”: “node_modules/.bin/webpack”
运行npm run pack

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值