webpack.md · 冰哥/文档

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

免费加入

文件

该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。

克隆/下载

webpack.md 870 Bytes

一键复制编辑原始数据按行查看历史

提交于 2023-08-05 22:53 . .

### 使用步骤

1. 初始化node项目yarn init -y
2. 安装webpack  webpack-cli
3. 写东西
4. 构建：运行cmd:webpack

### 配置

#### entry(入口)

entry:"./index.js"   入口点是index.js

entry:["./index1.js", "./index2.js"]   两个入口点 最后合并

entry:{

​	aa:"./a.js",			a.js -> aa.js

​	bb:"./b.js"			b.js->bb.js

}

#### output(输出)

output:{

​	path:"./aa",   输出目录

​	filename:"main.js"    输出文件名

​	filename:"[name].js"   [id] [hash]...    对应上面entry的aa,bb

​	clean:true		自动清理打包目录

}

#### laoder

module{

​	rules[

​		{ test:"\/.css$\", use:"css-loader}

 		{test:"", use:["style-loader", "css-loader"]}

​		{test:"\/.jpg$\i", type:"asset/resource"}

​	]

}

#### scripts

"watch":"webpack --watch"

"dev":"webpack serve --open"  

#### devtool

devtool:"inline-source-map"

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

其他

https://gitee.com/nenbingge/documents.git

git@gitee.com:nenbingge/documents.git

nenbingge

documents

文档

master

冰哥/文档

简介

发行版

贡献者

近期动态

冰哥/文档 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

冰哥/文档