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

更新時(shí)間：2023年05月09日 10:48:14 作者：向一路北

這篇文章主要介紹了webpack打包中path.resolve(__dirname, 'dist')的含義解析,path:path.resolve(__dirname, 'dist')就是在打包之后的文件夾上拼接了一個(gè)文件夾，在打包時(shí)，直接生成，本文給大家講解的非常詳細(xì)，需要的朋友可以參考下

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")
    }
}

首先對(duì)于path模塊我們都知道是用于處理文件和目錄的路徑，在使用的時(shí)候僅僅需要引用就可以了

var path=require('path');

那`__dirname`是什么意思呢?

__dirname，是一個(gè)成員，用來(lái)動(dòng)態(tài)獲取當(dāng)前文件模塊所屬的絕對(duì)路徑
__filename，可以動(dòng)態(tài)獲取當(dāng)前文件夾的絕對(duì)路徑（包含文件名）

在使用path.resolve()時(shí)，相當(dāng)于是在當(dāng)前文件夾下拼接了一個(gè)文件路徑

所以說(shuō)path:path.resolve(__dirname, 'dist')就是在打包之后的文件夾上拼接了一個(gè)文件夾，在打包時(shí)，直接生成。

到此這篇關(guān)于webpack打包中path.resolve(__dirname, 'dist')的含義的文章就介紹到這了,更多相關(guān)webpack打包path.resolve含義內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

如何使用CocosCreator對(duì)象池
這篇文章主要介紹了CocosCreator對(duì)象池，對(duì)性能有研究的同學(xué)，要著重看一下
2021-04-04
JavaScript操作文件_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
在HTML表單中，可以上傳文件的唯一控件就是<input type="file">。下面通過(guò)本文給大家分享JavaScript操作文件的方法，感興趣的朋友一起看看吧
2017-06-06
Next.js使用getServerSideProps進(jìn)行服務(wù)器端渲染demo
這篇文章主要為大家介紹了Next.js使用getServerSideProps進(jìn)行服務(wù)器端渲染demo，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-12-12
JS中三種URI編碼方式對(duì)比分析
這篇文章主要介紹了JS中三種URI編碼方式對(duì)比分析,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
2024-01-01
JS異步函數(shù)隊(duì)列功能實(shí)例分析
這篇文章主要介紹了JS異步函數(shù)隊(duì)列功能,結(jié)合實(shí)例形式分析了異步函數(shù)隊(duì)列的應(yīng)用場(chǎng)景、實(shí)現(xiàn)方法與相關(guān)操作技巧,需要的朋友可以參考下
2017-11-11
微信小程序如何獲知用戶運(yùn)行小程序的場(chǎng)景教程
這篇文章主要給大家介紹了在微信小程序中如何獲知用戶運(yùn)行小程序場(chǎng)景的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)跟著小編一起來(lái)看看吧。
2017-05-05
理解JavaScript中worker事件api
這篇文章主要幫助大家理解JavaScript中worker事件api，對(duì)worker事件api有一個(gè)深刻了解，感興趣的小伙伴們可以參考一下
2015-12-12
js讀取本地excel文檔數(shù)據(jù)的代碼
下面的代碼在需要設(shè)置IE安全級(jí)別低才能正常運(yùn)行，貼出來(lái)主要是可以學(xué)習(xí)這方面的技術(shù)的朋友參考下。
2010-11-11
JavaScript控制圖片360度旋轉(zhuǎn)代碼
JavaScript控制一張圖片旋轉(zhuǎn)，每次旋轉(zhuǎn)90度，可旋轉(zhuǎn)一周360度，以前沒(méi)見到過(guò)，也不知道有沒(méi)有用，奉獻(xiàn)給大家，希望喜歡
2011-12-12
JS拖拽排序插件Sortable.js用法實(shí)例分析
這篇文章主要介紹了JS拖拽排序插件Sortable.js用法,結(jié)合實(shí)例形式分析了拖拽排序插件Sortable.js功能、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2019-02-02