lodash
nuxt-lodash

自動インポートとカスタムプレフィックスを備えたlodashモジュール
102.4Kダウンロード112スターv2.5.3
cipamicipami

Nuxt用Lodash

Version License Types

💡 概要

Lodashの自動インポートモジュールNuxt。

📦 インストール

  1. nuxt-lodashを開発依存関係としてインストールします。
npm i nuxt-lodash -D
  1. nuxt.configのmodulesセクションに追加します。
export default defineNuxtConfig({
  modules: ["nuxt-lodash"],
});

🚀 例

NuxtアプリケーションでLodashメソッドを使用すると、自動的にインポートされます！

<script setup>
  const text = useToUpper("it works!");
</script>

<template>
  <div>{{ text }}</div>
</template>

🔨 設定

名前デフォルト説明
prefix'use'各Lodash関数の前に付加する文字列（無効にするにはfalse）
prefixSkip'is'このキーワードで始まる関数はプレフィックスによってスキップされます（無効にするにはfalse）
upperAfterPrefixtruetrueの場合、プレフィックスの後の最初の文字を自動的に大文字にします（無効にするにはfalse）
exclude[]自動インポートから除外するLodash関数の配列
alias[]特定のLodash関数を名前変更するための配列ペアの配列（プレフィックスはまだ追加されます）

💻 例 - 設定

export default defineNuxtConfig({
  modules: ["nuxt-lodash"],
  lodash: {
    prefix: "_",
    prefixSkip: ["string"],
    upperAfterPrefix: false,
    exclude: ["map"],
    alias: [
      ["camelCase", "stringToCamelCase"], // => stringToCamelCase
      ["kebabCase", "stringToKebab"], // => stringToKebab
      ["isDate", "isLodashDate"], // => _isLodashDate
    ],
  },
});

📄 ライセンス

MITライセンス © 2021-2022 - Michal Čípa