webpack基本使用

安装方式

1. 运行npm i webpack -g全局安装webpack，这样就能在全局使用webpack的命令

   • 特点，装过一次以后就都不用装了

2. 在项目的根目录中运行npm i webpack --save-dev安装到项目依赖中

 

创建项目

• 总项目下创建dist文件夹和src文件夹

  • dist目录代表发布完成之后的产品级的内容

• src下创建css、js、images文件夹

• src下创建index.html，代表项目的首页

• src下创建main.js，是项目的JS入口文件

• 需要安装jQuery文件

  1. 在index.html中快捷键ctrl+~打开终端

  2. 输入命令npm init -y

  3. 输入命令npm i jquery -s

• 注意，不要直接在index.html中引入jQuery等文件，这样文件在渲染时会发起多次请求，导致加载变慢

  • 应该在main.js中引入需要的包和文件

终端输入cls返回到最初