xone

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

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'  // 输出文件的名称
  }
}
posted on 2022-04-14 15:55  周小百  阅读(26)  评论(0编辑  收藏  举报