webpack 工程化

发布时间 2023-06-26 23:54:37作者: 火羽

前端工程化 webpack

html自动快速生成语法
ul>li{这是第$个li}*9

1.新建项目目录,运行 npm init -y 初始化package.json
2. npm install jquery -s 安装jquery

项目中安装webpack -D 代表 devDependencies
npm install webpack@5.42.1 webpack-cli@4.7.2 -D


webpack的基本使用
执行流程 npm run dev 会执行script下的dev对应的webpack,然后去读取根目录下webpack.config.js配置

webpack 的默认文件入口文件 src/index.js (entry 可以执行入口文件)
默认输出文件路径 dist/main.js

webpack 插件
webpack-dev-server 当源代码修改,自动对项目进行打包和构建,并存放内存

安装webpack-dev-server:npm install webpack-dev-server@3.11.2 -D
配置 package.json中修改
"scripts": {
"dev": "webpack serve"
}