vue.js 使用mqtt与Vite

r7s23pms  于 2023-03-24  发布在  Vue.js
关注(0)|答案(1)|浏览(366)

我需要使用Vite在Vue应用中使用MQTT npm包。为了让包在浏览器中工作,开发人员记录了两种方法:使用browserify和webpack。由于我使用vite,我不知道如何导出库,以便我可以使用它。

31moq8wy

31moq8wy1#

将MQTT别名添加到您的vite.config.js,如:

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import { config } from "dotenv";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue(), vueJsx(), config()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
      mqtt: 'mqtt/dist/mqtt.js',
    }
  }
})

相关问题