用于 Nuxt 的 Lodash

💡 关于

用于 Nuxt 的 Lodash 自动导入模块。

📦 安装

将 nuxt-lodash 作为开发依赖项安装

npm i nuxt-lodash -D

将其添加到 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）
`upperAfterPrefix`	`true`	如果为 true，则会在前缀后自动将第一个字母大写（禁用则为 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
    ],
  },
});

nuxt-lodash

用于 Nuxt 的 Lodash

💡 关于

📦 安装

🚀 示例

🔨 配置

💻 配置示例

📄 许可证