一.下载node(安装方式很简单)

node官网下载地址: http://nodejs.cn/download/

检查是否成功: node -v (会输出 node的版本)

初始化webpack项目

二.安装webpack (使用: webpack -v 命令可以检查webpack是否安装正确,会打印出webpack的版本号) 如下图:

初始化webpack项目

1.创建文件夹 : mkdir webpackdemo

2.进入创建的文件夹: cd webpackdemo

3.npm初始化(: npm init ),这个过程会提示输入 package.json中的内容(我这里一路回车)

初始化webpack项目

4.将webpack添加到package.json依赖中: npm install webpack -save-dev

使用vscode打开项目如下:

初始化webpack项目

5.在根目录下创建 scr文件夹,并在该文件夹下创建index.js文件.目录文件如下:

初始化webpack项目

6.在项目根文件夹下创建 webpack.config.js文件,文件中内容如下:

初始化webpack项目

7.在控制台运行 : webpack --config webpack.config.js   对项目进行打包,会生成 dist/bundle.js,内容就是自己写的js内容.

初始化webpack项目

 

相关文章:

  • 2021-10-24
  • 2021-05-25
  • 2021-11-07
  • 2021-06-07
  • 2021-08-30
  • 2021-05-28
  • 2021-12-18
  • 2021-11-21
猜你喜欢
  • 2022-01-03
  • 2021-07-06
  • 2022-01-24
  • 2021-05-22
  • 2021-10-30
  • 2021-04-12
  • 2021-04-26
相关资源
相似解决方案