가져오기에 URL 검색 매개변수 추가!

여기에 흥미로운 지식이 있습니다. 실제 URL과 같은 상대 파일 URL을 만들고 해석할 수 있다는 것을 알고 계셨습니까?

All content covered in this post will only work with ESM



지금은 이것에 대한 실용적인 용도를 찾기 어려울 수도 있지만 의심할 여지 없이 매우 멋집니다 😎. 충분한 이야기; 몇 가지 코드를 살펴보겠습니다.

// In your first file:
import './example.js?abc=123';



// In your second file, example.js:
const url = new URL(import.meta.url);
const searchParam = url.searchParams.get('abc');

console.log(searchParam); // → '123'

여기서 import.meta.url 은 모듈을 가져오는 데 사용되는 전체 URL을 표시하는 데 사용됩니다. 이 경우 예를 들어 다음과 같을 수 있습니다.

file:///C:/Some/Folder/Path/example.js?abc=123

여기에서 a URL 의 인스턴스를 생성할 수 있습니다. 그러면 검색 매개변수를 매우 쉽게 구문 분석할 수 있습니다.

이것이 어떻게 사용될 수 있습니까?



나는 모른다 😂! 매우 원시적인 모듈 구성의 지름길로 사용할 수 있을까요? 예를 들어, 매우 인기 있는 유틸리티 패키지dotenv를 사용합니다.


못도틀라 / 도텐브


nodejs 프로젝트를 위해 .env에서 환경 변수를 로드합니다.





dotenv-vault과 함께 작동합니다. dotenv.org 에서 자세히 알아보십시오.

도텐브



Dotenv는 .env 파일에서 process.env 으로 환경 변수를 로드하는 제로 의존성 모듈입니다. 코드와 별도로 환경에 구성을 저장하는 것은 The Twelve-Factor App 방법론을 기반으로 합니다.








설치


# install locally (recommended)
npm install dotenv --save

Or installing with yarn? yarn add dotenv

용법

Create a .env file in the root of your project:

S3_BUCKET="YOURS3BUCKET"
SECRET_KEY="YOURSECRETKEYGOESHERE"

As early as possible in your application, import and configure dotenv:

require('dotenv').config()
console.log(process.env) // remove this after you've confirmed it working

.. or using ES6?

import 'dotenv/config' // see https://github.com/motdotla/dotenv#how-do-i-use-dotenv-with-import
import express from 'express'

That's it. process.env now has the keys and values you defined in your .env file:

require('dotenv').config()
.

Instead of:

import dotenv from 'dotenv';
dotenv.config({ debug: true });


당신은 이것을 할 수 있습니다! 🦄

import 'dotenv/config?debug=true';


나는 당신의 생각을 알고 싶습니다 😆

좋은 웹페이지 즐겨찾기