@vui-admin/build

Vui Build

Install

Install via NPM

npm i @vui-admin/build

Install via pnpm

pnpm i @vui-admin/build

Usage

vue.config.js

const { defineConfig } = require('@vue/cli-service')
const { webpackBuild } = require('@vui-admin/build')
// Load on demand with vui components
const VuiResolver = require('@vui-admin/ui/VuiResolver')
// Use the version number directly from the package
const { version } = require('./package.json')

// Project Catalog
const projectsDir = 'apps'

module.exports = defineConfig(
  webpackBuild({
    // Project settings (required)
    project: {
      // For console output
      title: 'VUIADMIN',
      dir: projectsDir,
      consoleBeforeBg: '#1D4ED8',
      consoleAfterBg: '#3B82F6',
    },
    // Version number
    version,
    // d.ts export directory
    dts: './',
    // Generate SourceMap
    productionSourceMap: false,
    // Package Auto Import
    autoImportResolvers: [],
    // Component packages are imported automatically
    componentsResolvers: [VuiResolver()],
    // Setting Alias
    alias: {
      '~': '.',
      '@': projectsDir,
      '@common': 'common',
      vueI18n: ['vue-i18n/dist/vue-i18n.cjs.js', true],
    },

    // bundleAnalyzer: true,
    /** *************Can be customized according to requirements******************** */
    // publicPath: '../',
    // publicPath           Basic path
    // assetsDir            Set the path where the static resources generated by the package are placed
    // outputDir            Output file directory
    // componentsDirs       Local component directory path
    // autoImportDirs       Path to the local directory for automatic import
    // imports              Which files need to be imported automatically
    // vConsole             Enable vConsole.
    // plugins              webpack plugin configuration
  })
)

Props

Name	Type	Default
publicPath	String	''
assetsDir	String	'static'
outputDir	String	inherit
componentsDirs	Array	[]
autoImportDirs	Array	[]
imports	Array	[]
dts	String	''
version	String	''