webpack —— entry和output
webpack的默认约定
在webpack4.x和5.x的版本中,有如下的默认约定:
- 默认的打包入口文件为src->index.js
- 默认的输出文件路径为dist->main.js
⚠️可以在webpack.config.js中通过entry和output来修改打包的默认约定。
在webpack.config.js配置文件中,通过entry节点指定打包的入口,通过output节点指定打包的出口。
单个入口简写语法(指定要处理的是哪个文件)
entry:string
输出output
在webpack中配置output属性的最低要求是:将它的值设置为一个对象,包括以下两点:
- filename 用于输出文件的文件名
- 目标输出目录 path 的绝对路径
示例代码:
//导入node.js中专门操作路径的模块 const path = require('path') moudle.exports = { //join拼接字符串 __dirname是根目录 entry:path.join(__dirname,'./src/index1.js'), output:{ path:path.join(__dirname,'dist'), filename:'bundle.js' } }