1.vue项目例子——webpack安装

注:凡命令都为加粗斜体
1. 必须要有node.js,官网有一键下载,完了之后npm也在里面了。
2. 全局安装使用命令npm install webpack -g
3. 初始化npm。如果项目目录中没有package.json,使用命令npm init去初始化npm。
在项目目录中去依赖webpack
图片中红色框为我的项目目录,在该目录下使用命令npm init后,会问你一些问题,按照自己的需要填写就好。最后一步完了之后,你会看到你的目录多了一个package.json的文件,里面的配置正是你刚才填的东西。
4. 在你的项目目录中去依赖webpack,使用命令npm install webpack –save-dev。其中–save:模块名将被添加到dependencies,可以简化为参数-S。 –save-dev: 模块名将被添加到devDependencies,可以简化为参数-D。
再去查看package.json,会发现多了一项
“devDependencies”: {
“webpack”: “^1.13.1”
}
5.使用热加载webpack-dev-server。最大的好处是模块热替换,在前端代码变动的时候无需整个刷新页面,只把变化的部分替换掉。详情参考webpack-dev-server
使用命令npm install webpack-dev-server -g进行全局安装。使用命令webpack-dev-server可以运行webpack-dev-server。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值