適用於 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
],
},
});
📄 許可證
MIT 許可證 © 2021-2022 - Michal Čípa