在webpack中使用 process.cwd()与__dirname的区别

最新推荐文章于 2024-01-03 10:35:11 发布
最新推荐文章于 2024-01-03 10:35:11 发布
阅读量641 收藏
点赞数
分类专栏： 学习笔记 文章标签： process.cwd()  
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40011214/article/details/103023836
版权

在webpack配置的时候，当webpack.config.js文件在工作目录下时，可以使用__dirname来配置输出文件

如果在package.json中配置了

并且webpack.config.js配置文件放在了指定的文件夹下

那么对应的如果使用__dirname来打包文件就会在scripts中生成dist文件

这里就要注意，不能使用__dirname而是使用process.cwd()  -->将文件保存到工作目录下

 

张小浪
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Full_Webpack-1325-DJ1000_J110_Full_Webpack.exe
11-04
Full_Webpack-1325-DJ1000_J110_Full_Webpack.exe
webpack_temp.zip
04-15
在描述中提到的文章链接是一个关于如何使用 Webpack 配置多页面应用的教程。在这个过程中，我们可以学习到以下关键知识点： 1. **Webpack 基础概念**： - **Entry**：入口是构建过程的起点，对应于多页面应用中的...
webpack
ruantianqing的博客
01-13 101
webpack webpack 核心理念：一切文件都是资源，是资源都可以模块化打包加载 特点：模块化开发，打包加载 推荐使用commonjs规范，目前也推荐ES Module规范 官网：http://webpackjs.org/ webpack -w可以边编辑边发布 webpack-dev-server可以开启一个服务器 webpack 4 输入webpack指令的时候，可以通过--config参数，指定配置文件 webpack --config 文件 安装 需要进行两次安装： 第
配置vite.config.ts/vite.config.js文件
ispaomoya博客
08-16 2317
配置vite.config.ts/vite.config.js文件
Vite - 配置 - 环境变量的配置详解
northcastle的博客
11-13 3340
vite中的环境变量的配置与读取使用
vue开发环境配置
weixin_46382293的博客
10-10 848
vue开发环境配置
【Vue3】 vite获取.env文件中配置的环境变量
余浩的博客
09-19 1万+
// 根据当前工作目录中的 `mode` 加载 .env 文件 // 第二个参数：process.cwd()表示返回运行当前脚本的工作目录的路径（current work directory） // 设置第三个参数为 '' 来加载所有环境变量，而不管是否有 `VITE_` 前缀。 const env = loadEnv(mode.mode, process.cwd(), '');
深入理解webpack process.env.NODE_ENV配置
11-20
在node中，有全局变量process表示的是当前的node进程。process.env包含着关于系统环境的信息。但是process.env中并不存在NODE_ENV这个东西。NODE_ENV是用户一个自定义的变量，在webpack中它的用途是判断生产环境或...
在 webpack 中使用 ECharts的实例详解
08-28
在 webpack 中使用 ECharts 的实例详解 在当前的前端开发中，webpack 是一个非常流行的模块打包工具，它可以帮助我们轻松地管理和打包项目中的模块，而 ECharts 则是一个功能强大且灵活的图表库。那么，在 webpack ...
vite学习（二）：vite常用基本配置
weixin_65764828的博客
07-03 7624
vite常用基本配置
path.join()和path.resolve()的理解
u012957967的专栏
11-17 1267
最近在使用webpack搭建项目的时候，在webpack.config.js这个文件中有些人使用path.join(__dirname, 'src/index.js') 又有些人使用path.resolve(__dirname, 'src/index.js') 但是结果是一样的，不禁感到十分迷茫，于是查看文档理解这两个API path.join（[...path]）是使用分隔符将所有的字段连接起来，然后对路径规范化 常规操作 path.join('a','b','c','d/e'); // Ret
vue2项目将webpack迁移为vite，并使用svg, 完美解决所有bug
zxo_apple的博客
09-28 9648
背景 1. vite是跟随vue3诞生的一个工具，它让我们在开发环境中的效率大大提升，其原因是因为它省去了我们在开发环境中的打包过程（因为我们在实际开发环境中是不需要打包的，但是webpack却会去执行打包，大大降低了开发效率），将ES 模块源码直接传输给浏览器，浏览器使用自带的<script module> 进行解析支持 2. 但是vite其实是基于vue3进行开发的，很多时候我们的老项目使用的都是vue2版本的，这个时候想要使用vite应该怎么做呢 过程 1. 通过vite创建vue项目 n
前端环境变量及vite中本地环境配置实践
lizhen_software的博客
12-04 9462
大家经常会看到这种代码，其中cross-env NODE_ENV=production，指定的环境变量key为NODE_ENV，值为production，这样引用之后呢，我们可以通过process.env.NODE_ENV 获取对应的环境变量。process 是node 的一个进程环境，其中通过process.env可以获取进程环境中的环境变量，方便node在调用时处理各种环境信息。这种是最基本的环境变量配置方式，NODE_ENV基本上常用的只有两种，development和production,用来做开
process.cwd()和__dirname的区别
luo1914_的博客
05-16 1748
process.cwd()是指当前node命令执行时所在的文件夹目录 比如在D:/aaa/bb目录下执行 yarn build那么cwd就是D:/aaa/bb __dirname是指被执行js文件所在的文件夹目录 比如D:/aa/scripts
vite基本配置教程
热门推荐
夏天的博客
10-14 2万+
最近做项目要求将webpack打包方式换成vite，下面将详细讲解一下配置vite需要改动的东西，以及踩的坑。vite官网：https://vitejs.cn。
【Vite】环境变量的配置与使用
Superman_H的博客
04-08 2339
# 构建模式 `defineConfig` 接收参数 `{ mode }`，这里的 `mode` 就是构建的模式 ```javascript import { defineConfig } from 'vite'; export default defineConfig(({ mode }) => { console.log('mode', mode); }); "scripts": { "dev": "vite", // 执行 `vite`, mode 为 development
vite环境变量配置
分享互联网的有趣知识~
04-02 2923
我们在调用第三方sdk或者连接后端地址的时候，需要区分环境变量，每次手动更改会非常麻烦而且容易忘记，本文讲解了vite是怎么检测当前运行环境以及怎么注入环境变量的方法，根据vite的环境变量配置可以自动匹配上对应的环境变量。
process.cwd()与__dirname
weixin_44864084的博客
10-20 7652
在项目中经常看到process.cwd(),他和__dirname有什么区别呢？ 这是在网络上经常能搜到的答案，但是有种什么都说了但是又什么都没说的感觉。 process.cwd() 是当前Node.js进程执行时的文件夹地址——工作目录，保证了文件在不同的目录下执行时，路径始终不变 __dirname 是被执行的js 文件的地址 ——文件所在目录 详细展示描述一下： __dirname 是被执行的js 文件的地址 ——文件所在目录 __dirname: 当前模块的目录名。 等同于 __filename 的
Vue3项目打包报错process is not defined
最新发布
valsedefleurs的博客
01-03 2626
Vue3项目打包报错process is not defined
webpack构建的项目process.env.base_api报undefinde
09-01
当我们使用 webpack 构建项目时，如果在项目中使用了 `process.env.base_api`，但却报出 `undefined` 的错误，可能是由于没有正确配置环境变量或者没有将环境变量传递给 webpack。 首先，我们需要创建一个配置文件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值