webpack —— entry和output

webpack的默认约定

在webpack4.x和5.x的版本中,有如下的默认约定:

  1. 默认的打包入口文件为src->index.js
  2. 默认的输出文件路径为dist->main.js

⚠️可以在webpack.config.js中通过entry和output来修改打包的默认约定。 

在webpack.config.js配置文件中,通过entry节点指定打包的入口,通过output节点指定打包的出口。

单个入口简写语法(指定要处理的是哪个文件)

entry:string

输出output

在webpack中配置output属性的最低要求是:将它的值设置为一个对象,包括以下两点:

  1. filename 用于输出文件的文件名
  2. 目标输出目录 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'
}
}

 

posted @ 2021-10-03 11:06  codejing  阅读(80)  评论(0编辑  收藏  举报