webpackoutput参数
Webpack是一个现代化的JavaScript模块打包器，它可以将代码和资源打包成一个或多个JavaScript文件，以便在浏览器中加载。在Webpack的配置文件中，可以设置output参数来定义打包后的输出。
output是一个对象，其中包含一些属性来配置输出的文件名、路径和相关选项。
1. filename:
-类型：字符串、函数
- 默认值：`'main.js'`
-描述：指定打包后的文件名。可以使用占位符来动态地生成文件名。常用的占位符包括：
- `[name]`：模块的名称，通常是入口模块的名称
- `[id]`：模块的id
-
`[hash]`：打包过程的hash值
- `[chunkhash]`：模块的chunkhash值，每个模块都有自己的chunkhash
-例子：
- `filename: 'bundle.js'`：打包后的文件名为`bundle.js`
- `filename: '[name].[hash].js'`：通过hash值生成唯一的文件名
2. path:
-类型：字符串
- 默认值：`solve(__dirname, 'dist')`
- 描述：指定打包后的输出路径。大多数情况下，建议使用绝对路径，可以使用Node.js的内置模块`path`来解析路径。
-例子：
- `path: '/home/user/project/dist'`：打包后的文件将输出到`/home/user/project/dist`
3. publicPath:
-类型：字符串
-默认值：空字符串
-描述：指定在浏览器中引用打包后的资源时的路径。可以是相对路径或绝对路径。在多个入口文件或异步加载模块时，通常需要使用绝对路径。
-例子：
- `publicPath: '/assets/'`：打包后的资源路径将以`/assets/`开头
4. chunkFilename:
-类型：字符串
- 默认值：`'[id].js'`或者`'[id].[chunkhash].js'`
- 描述：指定非入口模块打包后的文件名。与`filename`类似，可以使用占位符来动态生成文件名。
-例子：
- `chunkFilename: 'chunk.[id].js'`：非入口模块的文件名为`chunk.[id].js`
5. library:
-类型：字符串、函数
-默认值：空字符串
- 描述：用于打包成库（Library）时，指定库的名称。
-例子：
- `library: 'MyLibrary'`：打包成库时，库的名称为`MyLibrary`
6. libraryTarget:
-类型：字符串
- 默认值：`'var'`
-描述：用于打包成库时，指定库的输出方式。可选值包括：
- `'var'`：将库输出为一个变量，默认值
- `'umd'`：将库输出为UMD模块
js assign- `'amd'`：将库输出为AMD模块
- `'this'`：将库输出为`this`变量
- `'window'`：将库输出为全局变量
- `'assign'`：将库输出为一个赋值表达式
-例子：
- `libraryTarget: 'umd'`：将库输出为UMD模块
7. sourceMapFilename:
-类型：字符串
- 默认值：`'[file].map'`或者`'[file].[chunkhash].map'`
- 描述：指定生成的sourcemap文件名，如果打包时启用了sourcemap选项。
-例子：
- `sourceMapFilename: 'bundle.map'`：生成的sourcemap文件名为`bundle.map`
8. jsonpFunction:
-类型：字符串
-默认值：空字符串
- 描述：用于设置异步加载模块时所使用的jsonp函数名。
-例子：
- `jsonpFunction: 'myJsonp'`：异步加载模块时使用`myJsonp`作为jsonp函数名
除了上述常用的参数，output对象还可以包含其他选项来进一步定制打包结果。通过配置output参数，可以灵活地控制打包后文件的命名、路径和输出方式，满足不同项目的需求。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。