使用VsCode进行webpack打包

前言:折腾了两天,折腾的有点伤心,以往的项目是站在大树地下使用框架自带的打包框架,当自己用webpack来实现自动打包的时候却发现,各种红~~~当自己把环境搭建好写出第一个demo的时候就发现这些过程都是很经验的积累吧.第一步:确保安装node.js,我的版本是v6.11.1webpack版本4.16第二步:1:在电脑本机建立一个新文件夹.2:打开vscode选择 文件>>打开文件夹....
摘要由CSDN通过智能技术生成

前言:折腾了两天,折腾的有点伤心,以往的项目是站在大树地下使用框架自带的打包框架,当自己用webpack来实现自动打包的时候却发现,各种红~~~当自己把环境搭建好写出第一个demo的时候就发现这些过程都是很经验的积累吧.


第一步:

确保安装node.js,我的版本是v6.11.1

webpack版本4.16


第二步:

1:在电脑本机建立一个新文件夹.

2:打开vscode选择 文件>>打开文件夹.

3:CTRL+shift+y 选择终端输入npm init 然后执行.

4: 初始化后的文件夹,里面只有一个json文件.

5: 接下来装webpack ,命令 npm install webpack --save-dev

然后你就会发现多了 node_modules 这个文件(大家注意这个文件目录,这是个坑)


6:在这个文件下创建一个demo.js文件,并创建一个函数.

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值