Skip to the content Skip to the main menu

Time is Life!

Make your life fun and creative!!

  • Sitemap
A freelance web engineer. A dad for two kids :)
Be simple and practical!

Follow me on Twitter.

RSS Cointelegraph

  • Former Coinbase product manager pleads guilty in insider trading case 2023-02-07
  • Lawmakers write to US officials about crypto energy usage information gathering 2023-02-07
  • VC Roundup: ZK proofs, DeFi protocol and longevity DAO attract investment 2023-02-07
  • ConsenSys CEO: 'We've retained virtually all of our capabilities' after job cuts 2023-02-07
  • US financial regulators warn against crypto exposure in retirement accounts 2023-02-07

RSS CoinPost

  • Uniswapが浮き彫りにした資本集約型DAOのリスクとは? 2023-02-07
  • ジェネレーティブAIへのVC投資が22年に急増、3500億円超え 2023-02-07
  • ビットコイン様子見ムード、株やアルト市場でAI関連銘柄の物色つづく 2023-02-07
  • 米グーグル、対話型AI(人工知能)言語モデル「Bard」をリリースへ 2023-02-07
  • DCGとジェネシス、債務整理などで債権者グループと合意 2023-02-07

RSS CSS-Tricks

  • The truth about CSS selector performance 2023-02-07
  • The Double Emphasis Thing 2023-02-06
  • A Fancy Hover Effect For Your Avatar 2023-02-03
  • Caching Data in SvelteKit 2023-02-01
  • AR, VR, and a Model for 3D in HTML 2023-01-27

RSS Coliss

  • 最近よく使用されているCSSの実装テクニック! レスポンシブ対応のフォントサイズをclamp()で超簡単に定義できるツール -clamp() Calculator 2023-02-07
  • 貴重なKindleセールが開催! 年に一度、翔泳社祭2023で人気のデザイン書・Web制作の解説書・イラスト本が超お買い得 2023-02-06
  • iPadではじめるデジタルイラスト! Procreateの良さとさまざまなイラストやグラフィックの作り方が分かる解説書 -はじめてのProcreateイラスト入門 2023-02-03
  • 知っておくと便利! CSS Flexboxでアイテムを左と右の両端揃えにする実装テクニック 2023-02-02
  • かわいいゴシック体の新作日本語フリーフォント「源暎ぽっぷる」 マンガや同人誌、動画にぴったり、柔らかい雰囲気で読みやすい 2023-02-01

カテゴリー

  • AWS (4)
  • CircleCI (1)
  • CSS (2)
  • Docker (2)
  • GCP (2)
  • GraphQL (2)
  • i18n (2)
  • JavaScript (15)
  • Next.js (2)
  • Node.js (1)
  • Nuxt.js (10)
  • React (10)
  • Sass (2)
  • Storybook (1)
  • tailwindcss (1)
  • TypeScript (16)
  • Web Tech (2)
  • 転職 (2)

Make your life fun and creative!!

  • Sitemap
A freelance web engineer. A dad for two kids :)
Be simple and practical!

Follow me on Twitter.

RSS Cointelegraph

  • Former Coinbase product manager pleads guilty in insider trading case 2023-02-07
  • Lawmakers write to US officials about crypto energy usage information gathering 2023-02-07
  • VC Roundup: ZK proofs, DeFi protocol and longevity DAO attract investment 2023-02-07
  • ConsenSys CEO: 'We've retained virtually all of our capabilities' after job cuts 2023-02-07
  • US financial regulators warn against crypto exposure in retirement accounts 2023-02-07

RSS CoinPost

  • Uniswapが浮き彫りにした資本集約型DAOのリスクとは? 2023-02-07
  • ジェネレーティブAIへのVC投資が22年に急増、3500億円超え 2023-02-07
  • ビットコイン様子見ムード、株やアルト市場でAI関連銘柄の物色つづく 2023-02-07
  • 米グーグル、対話型AI(人工知能)言語モデル「Bard」をリリースへ 2023-02-07
  • DCGとジェネシス、債務整理などで債権者グループと合意 2023-02-07

RSS CSS-Tricks

  • The truth about CSS selector performance 2023-02-07
  • The Double Emphasis Thing 2023-02-06
  • A Fancy Hover Effect For Your Avatar 2023-02-03
  • Caching Data in SvelteKit 2023-02-01
  • AR, VR, and a Model for 3D in HTML 2023-01-27

RSS Coliss

  • 最近よく使用されているCSSの実装テクニック! レスポンシブ対応のフォントサイズをclamp()で超簡単に定義できるツール -clamp() Calculator 2023-02-07
  • 貴重なKindleセールが開催! 年に一度、翔泳社祭2023で人気のデザイン書・Web制作の解説書・イラスト本が超お買い得 2023-02-06
  • iPadではじめるデジタルイラスト! Procreateの良さとさまざまなイラストやグラフィックの作り方が分かる解説書 -はじめてのProcreateイラスト入門 2023-02-03
  • 知っておくと便利! CSS Flexboxでアイテムを左と右の両端揃えにする実装テクニック 2023-02-02
  • かわいいゴシック体の新作日本語フリーフォント「源暎ぽっぷる」 マンガや同人誌、動画にぴったり、柔らかい雰囲気で読みやすい 2023-02-01

カテゴリー

  • AWS (4)
  • CircleCI (1)
  • CSS (2)
  • Docker (2)
  • GCP (2)
  • GraphQL (2)
  • i18n (2)
  • JavaScript (15)
  • Next.js (2)
  • Node.js (1)
  • Nuxt.js (10)
  • React (10)
  • Sass (2)
  • Storybook (1)
  • tailwindcss (1)
  • TypeScript (16)
  • Web Tech (2)
  • 転職 (2)

Using package.json as a module in TypeScript

If you want to get a value like the version info from package.json, this is what to do.

Add resolveJsonModule config to tsconfig.json.

{
  "compilerOptions": {
    "target": "es5",
    ...
    "resolveJsonModule": true
  }
}

Import package.json in your ts file.

import { version } from 'package.json';
  • Post date
    2021-03-31
  • Posted in JavaScript, TypeScript
Previous post: Next.js with PostCSS 100vh Fix Next post: How to seed data into Mongo with Docker

Related Posts

Nuxt.jsで Dropzone.jsを使ってみる(Vue2-Dropzone)

  • Posted in Nuxt.js, TypeScript

How to map an array to another in JavaScript

  • Posted in JavaScript

AWS AmplifyでReactアプリケーション (TypeScript & GraphQL)

  • Posted in AWS, GraphQL, React, TypeScript

Nuxt.js: Font Awesomeの導入(TypeScript)

  • Posted in Nuxt.js, TypeScript

Follow me on Twitter.