Webpack将“__dirname”返回为“/”
Webpack是一个现代化的静态模块打包工具，它主要用于将前端项目中的各种资源（如JavaScript、CSS、图片等）进行打包和优化，以便在浏览器中加载和运行。
__dirname是Node.js中的一个全局变量，用于获取当前模块文件所在的目录路径。然而，在Webpack中，由于打包后的代码是在浏览器中运行的，而不是在Node.js环境中，所以Webpack将__dirname返回为"/"，即根目录。
这种行为是由于Webpack的打包过程中，会将所有模块的代码合并到一个文件中，并且使用相对路径来引用这些模块。因此，在浏览器中执行时，没有真实的文件系统路径可用，所以Webpack将__dirname设置为根目录。
在实际开发中，如果需要获取当前模块文件所在的目录路径，可以使用其他方式来替代__dirname。例如，可以使用import.meta.url来获取当前模块的URL，然后通过URL对象的pathname属性来获取路径。
腾讯云提供了一系列与Webpack相关的产品和服务，包括：
- 云开发（CloudBase）：提供了一站式的云端研发工具套件，包括云函数、云数据库、云存储等，可以与Webpack结合使用，实现前端与后端的无缝集成。详情请参考：腾讯云开发产品介绍
- 云存储（COS）：提供了高可靠、低成本的对象存储服务，可以用于存储Webpack打包后的静态资源文件。详情请参考：腾讯云对象存储产品介绍
- 云函数（SCF）：提供了无服务器的函数计算服务，可以用于在云端运行Webpack打包后的代码。详情请参考：腾讯云云函数产品介绍
以上是关于Webpack将__dirname返回为"/"的解释和腾讯云相关产品的介绍。希望对您有所帮助！
相关·内容
当我尝试用Nestjs后端编译Angular 8应用程序时，webpack似乎对它有问题，并返回__dirname为"/“ 我尝试使用其他主题中的建议在配置__dirname中进行设置: true或false下面我粘贴了工厂的默认配置和我得到的错误 const webpack = require('webpack');
const WebpackConfigFactory = require('@nestjs/
浏览 37提问于2019-09-05得票数 1
/data/parser')(__dirname + '/data/mime.types') : $_MIMER_DATA_LIST webpack成功地编译了我的代码，我得到了一个包，但当我用node.js运行包时，我得到了这个错误： Error: ENOENT: no such file or directory, open '//data/mime.types' 我认为这是因为webpack通过将_
浏览 27提问于2019-12-15得票数 2
回答已采纳
我的当前目录是但是当我使用__dirname并试图用快递服务器显示一个文件时，它会给我带来这个错误。Error: ENOENT: no such file or directory, stat 'D:\views\index.html'res.sendFile(__dirname + 'views/index.html');
当我与webpack捆绑并运行包文件时，就会发生这种情况。
浏览 6提问于2017-04-20得票数 14
回答已采纳
我有一个后端NodeJS设置，用TypeScript编写，并使用webpack编译它。import * as fs from 'fs'
app.listen(3000, () => c
浏览 2提问于2017-04-01得票数 0
回答已采纳
2回答
我创建了一个npm包，它只导出两个对象VueTopDown和VueTopDownItem。import { VueTopDownItem } from './vue-top-down-item'
VueTopDown,}import * as VTD from 'vue-top-down-test'
import Vue fr
浏览 1提问于2018-06-11得票数 1
回答已采纳
在output.path的webpack配置中使用path.resolve(__dirname, 'dist')和./dist有什么区别？
浏览 0提问于2019-02-24得票数 1
构建webpack供应商动态链接库并获取我不知道为什么会这样，而且我已经尝试了所有的方法。这是我的webpack配置的插件： new webpack.DllReferencePlugin({
context: &#x
浏览 13提问于2017-03-05得票数 4
dist/ favicon.ico server.js
/src dir被编译(通过webpack)并被丑化为/dist我遇到的问题是，在开发中运行时，__dirname和__filename的行为与预期一样--正确地报告每个执行文件所在的目录。但是，在生产中运行时，唯一需要报告的目录是index.js所在的根目录。这是webpack/丑化改造它不应该做的事情，还是这只是在生产中运行的小型化代码的本质？我很
浏览 2提问于2016-06-07得票数 0
2回答
我遇到了Typescript无法正确读取返回类型的问题。我正在定义一个返回类型为something | null的函数。typescript所做的是只读取something类型，而忽略null，当我调用函数时，可以返回null。: __dirname, loader: 'ts-loader', [
浏览 41提问于2021-01-04得票数 3
回答已采纳
const webpack = require('webpack'),module.exports = { // 'landingPages': path.resolve(__dirname, 'app/landingPages'),
'merchant': path.r
浏览 0提问于2017-03-23得票数 1
是否可以使用Webpack 5构建ES模块包(带有默认导出)，然后在Node.js ES模块中使用(导入)该包？
output: { path: path.resolve(__dirname, 'distSyntaxError: Cannot use import statement outside a module
那么，让我们将"
浏览 0提问于2021-08-24得票数 5
回答已采纳
使用webpack配置文件作为es模块崩溃：最简单es模块webpack.config.mjswebpack是否支持es-模块的配置文件？我发现这个问题(在2019年6月结束)：
所以我想知道有关mjs的webpack配置文件的状态。有人能告诉我一
浏览 2提问于2019-12-19得票数 14
回答已采纳
(__dirname, '../../'), app: './我的结果
如果我将限制设置为1，并强制直接输出所有图像，则唯一的输出时间是使用url("../")语法。但是，这并不理想，因为我想利用url返回DataURL的能力。如果我将限制设置为20000000，显然file-loade
浏览 0提问于2018-04-20得票数 0
回答已采纳
5回答
我的webpackconfig entry: __dirname + "/src/index.js", path: __dirname + "/dist/assets",
浏览 3提问于2017-06-28得票数 0
回答已采纳
1回答
它是由webpack这样管理的：... path: path.join(__dirname, '/dist'),},......component: ${FancyButton}`)
module.exports
浏览 5提问于2017-08-21得票数 1
回答已采纳
这是我的webpack.config.js文件： path = require('path'), entry: './index.js', path: path.join(__dirname</em
浏览 1提问于2016-07-15得票数 3
回答已采纳
express';import helmet from 'helmet';import webpackfrom 'webpack';import webpackHotMiddlewarefrom
浏览 12提问于2020-02-19得票数 0
回答已采纳
BrowserHistory (react路由器v4)返回404，historyApiFallback不工作。 `<script src="bundle.js"></script`&
浏览 2提问于2017-08-09得票数 1
回答已采纳
我有几个webpack配置与非常相似的webpack.config文件。我喜欢将webpack.config部件放在一个共享模块中(包括带有"npm链接“的共享模块)，但由于找不到依赖项而无法工作，比如"webpack”，因为它是它遇到的第一个依赖项。_resolveFilename (module.js:470:15)const webpack = require('webpack</em
浏览 0提问于2017-07-17得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
