webpack中的默认约定
在webpack4.x和5.x的版本中,有如下的默认约定:
1、默认的打包入口文件为 src -> index.js
2、默认的输出文件路径为 dist -> main.js
注意:可以在webpack.config.js中修改打包的默认约定
自定义打包的入口与出口
在webpack.config.js配置文件中,通过entry节点指定打包的入口。通过output节点指定打包的出口。
示例代码如下:
const path = require('path') // 导入 node.js 中专门操作路径的模块
module.exports = {
entry: path.join(__dirname, './src/index.js') // 输出文件的存放路径
output: {
path: path.join(__dirname, './dist'), // 输出文件的存放路径
filename: 'bundle.js' // 输出文件的名称
}
}