webpack配置之---output.path

output.path

webpack.output.path 是 Webpack 配置中的一个重要选项，用于指定构建输出的目标文件夹路径。通过该配置，你可以设置 Webpack 构建生成的文件（如打包后的 JavaScript、CSS 等文件）存放的位置。

1. 基本功能

output.path 需要指定一个绝对路径，表示 Webpack 在打包时生成的文件应存放的目录。默认情况下，Webpack 会将打包后的文件放在当前工作目录下的 dist 目录中，但你可以根据需要自定义输出路径。

2. 配置语法

module.exports = {
  output: {
    path: path.resolve(__dirname, 'dist')  // 设置输出目录的绝对路径
  }
};

• path 的值必须是 绝对路径 。通常使用 Node.js 的 path.resolve() 来确保路径是绝对路径。
• 在大多数情况下，path 通常与 publicPath 配合使用，后者用于定义加载资源时的路径（例如，CDN 路径等）。