封裝UI元件庫

1.index.js作為出口匯出元件，實現按需引入

2.修改package.json

"private": false,需要設定為false，不然釋出不了

3.配置打包

export default defineConfig({
    plugins: [vue()],
    /**配置入口檔案 */
    build: {
        lib: {
            entry: './packages/index.js',
            name: 'TUI'
        }
    }
})

執行打包後生產兩個檔案

接下來需要配置main入口檔案 和module路徑、exports輸出、files監測的目錄

    "main": "./dist/test.umd.js",
    "module": "./dist/test.js",
    "exports":{
        ".": {
            "import": "./dist/test.js",
            "require": "./dist/test.umd.js"
        }
    }, 
    "files":["dist/*"],

.