封装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/*"],

 

 

 

 

 

 

 

 

 

 

 

 

 

 

.