webpack配置中path.resolve(__dirname, 'dist')的作用解析

在webpack的打包配置中，经常可以看到类似path.resolve(__dirname, 'dist')的代码片段。

var path=require('path');
module.exports = {
    // 打包的入口配置 ""打包的路径
    entry: {
        index: './src/index.js'//文件的路径
    },
    // 打包之后存放的位置
    output: {
        filename: '[name]-bundel.js',//打包之后的名字 [name]是原先的名字 index-bundel.js
        path: path.resolve(__dirname,"dist")
    }
}

path模块主要用于处理文件和目录的路径操作，使用时只需引入该模块即可。

var path=require('path');

那么__dirname具体代表什么含义呢？

__dirname是一个内置变量，用于动态获取当前执行文件模块所属目录的绝对路径。而__filename则用于动态获取当前文件夹中包含文件名的完整绝对路径。

当使用path.resolve()函数时，其作用相当于在当前目录的基础上拼接指定的文件路径。

因此，path:path.resolve(__dirname, 'dist')的作用是在打包输出目录上拼接一个名为dist的子文件夹，在webpack执行打包任务时，会自动生成该目录用于存放构建产物。

至此，关于webpack打包中path.resolve(__dirname, 'dist')含义的介绍已完成，更多相关webpack打包path.resolve含义内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！