webpack打包中path.resolve(__dirname, 'dist')的含义解析

更新时间：2023年05月09日 10:48:14 作者：向一路北

这篇文章主要介绍了webpack打包中path.resolve(__dirname, 'dist')的含义解析,path: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')就是在打包之后的文件夹上拼接了一个文件夹，在打包时，直接生成。

到此这篇关于webpack打包中path.resolve(__dirname, 'dist')的含义的文章就介绍到这了,更多相关webpack打包path.resolve含义内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

如何使用CocosCreator对象池
这篇文章主要介绍了CocosCreator对象池，对性能有研究的同学，要着重看一下
2021-04-04
JavaScript操作文件_动力节点Java学院整理
在HTML表单中，可以上传文件的唯一控件就是<input type="file">。下面通过本文给大家分享JavaScript操作文件的方法，感兴趣的朋友一起看看吧
2017-06-06
Next.js使用getServerSideProps进行服务器端渲染demo
这篇文章主要为大家介绍了Next.js使用getServerSideProps进行服务器端渲染demo，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-12-12
JS中三种URI编码方式对比分析
这篇文章主要介绍了JS中三种URI编码方式对比分析,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
2024-01-01
JS异步函数队列功能实例分析
这篇文章主要介绍了JS异步函数队列功能,结合实例形式分析了异步函数队列的应用场景、实现方法与相关操作技巧,需要的朋友可以参考下
2017-11-11
微信小程序如何获知用户运行小程序的场景教程
这篇文章主要给大家介绍了在微信小程序中如何获知用户运行小程序场景的相关资料，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来跟着小编一起来看看吧。
2017-05-05
理解JavaScript中worker事件api
这篇文章主要帮助大家理解JavaScript中worker事件api，对worker事件api有一个深刻了解，感兴趣的小伙伴们可以参考一下
2015-12-12
js读取本地excel文档数据的代码
下面的代码在需要设置IE安全级别低才能正常运行，贴出来主要是可以学习这方面的技术的朋友参考下。
2010-11-11
JavaScript控制图片360度旋转代码
JavaScript控制一张图片旋转，每次旋转90度，可旋转一周360度，以前没见到过，也不知道有没有用，奉献给大家，希望喜欢
2011-12-12
JS拖拽排序插件Sortable.js用法实例分析
这篇文章主要介绍了JS拖拽排序插件Sortable.js用法,结合实例形式分析了拖拽排序插件Sortable.js功能、使用方法及相关操作注意事项,需要的朋友可以参考下
2019-02-02