设置
从 npm 安装 magic-regexp,并(可选)通过插件启用构建时转换。
首先,安装 magic-regexp:
npm
pnpm
bun
yarn
npm i magic-regexp
pnpm i magic-regexp
bun add magic-regexp
yarn add magic-regexp
其次,可选地,您可以启用包含的转换,该转换启用零运行时使用。
nuxt.config.ts
vite.config.ts
next.config.mjs
build.config.ts
// Nuxt 3
import { defineNuxtConfig } from 'nuxt'
export default defineNuxtConfig({
// 这也将启用 magic-regexp 帮助器的自动导入
modules: ['magic-regexp/nuxt'],
})
import { MagicRegExpTransformPlugin } from 'magic-regexp/transform'
import { defineConfig } from 'vite'
export default defineConfig({
plugins: [MagicRegExpTransformPlugin.vite()],
})
// 或者,如果使用 next.config.js
// const { MagicRegExpTransformPlugin } = require('magic-regexp/transform')
import { MagicRegExpTransformPlugin } from 'magic-regexp/transform'
export default {
webpack(config) {
config.plugins = config.plugins || []
config.plugins.push(MagicRegExpTransformPlugin.webpack())
return config
},
}
import { MagicRegExpTransformPlugin } from 'magic-regexp/transform'
// unbuild
import { defineBuildConfig } from 'unbuild'
export default defineBuildConfig({
hooks: {
'rollup:options': (options, config) => {
config.plugins.push(MagicRegExpTransformPlugin.rollup())
},
},
})