webpack5项目-目录结构

前端-webpack5汇总

目录

一.基本目录结构

二.说明

---

一.基本目录结构

D:\VSCODE\WEBPACK-DEMO
│  package.json
│  webpack.config.js
│
├─dist
├─node_modules
└─src
        index.html
        index.js

二.说明

1.packgage.json

主要用于项目依赖包版本控制及脚本配置,严格遵守json格式

2.webpack.config.js

webpack项目主要配置文件,非常重要

3.dist

webpack打包编译之后的代码一般会放在该目录,属于成品

4.node_modules

项目安装的依赖包都会放在这里面,安装依赖的时候会自动生成

5.src

源代码,我们自己写的代码都会放在这里