vite-plugin-office-addin

Office Add-ins development using Vite.

Build your Office Add-in using Vite. This plugin adds the support for manifest.xml file to be copied to build output.

Getting Started

Install the vite-plugin-office-addin to your Office Add-in project.

# using npm
npm install --save-dev vite-plugin-office-addin

# using yarn
yarn add vite-plugin-office-addin -D

Configure Vite

Use the plugin in your vite.config.js file:

// vite.config.js
import officeAddin from 'vite-plugin-office-addin'

export default defineConfig({
  plugins: [officeAddin()]
})

Advanced Usage

To replace the development URL address in manifest.xml file to production address, you can use the plugin configuration option or .env files.

// vite.config.js
import officeAddin from 'vite-plugin-office-addin'

export default defineConfig({
  plugins: [officeAddin({
    devUrl: 'https://localhost:3000',
    prodUrl: 'https://office-addin.contoso.com'
  })]
})

Alternatively, you can use .env to replace different addresses for different environments. Use the ADDIN_DEV_URL and ADDIN_PROD_URL environment variables.

// vite.config.js + .env files
import officeAddin from 'vite-plugin-office-addin'

export default defineConfig({
  plugins: [officeAddin()]
})

# .env.production
ADDIN_DEV_URL=https://localhost:3000
ADDIN_PROD_URL=https://office-addin.contoso.com

When you run vite build the generated manifest.xml file will have production addresses.

License

Licensed under MIT License.
Copyright © 2021 Jozef Izso