使用glup打包组件库并实现按需加载当我们使用Vite库模式打包的时候,vite会将样式文件全部打包到同一个文件中,这样的话我们每次都要全量引入所有样式文件做不到按需引入的效果。所以打包的时候我们可以不让vite打包样式文件,样式文件将使用gulp进行打包。那么本篇文章将介绍如何使用gulp打包样式文件,以及如何按需加载样式文件。自动按需引入插件现在很多组件库的按需引入都是借助插件来解决的,比如ElementPlus是使用unplugin-vue-components和unplugin-auto-import,这两个插件可以实现import{Button}from"easyest";//相当于
使用glup打包组件库并实现按需加载当我们使用Vite库模式打包的时候,vite会将样式文件全部打包到同一个文件中,这样的话我们每次都要全量引入所有样式文件做不到按需引入的效果。所以打包的时候我们可以不让vite打包样式文件,样式文件将使用gulp进行打包。那么本篇文章将介绍如何使用gulp打包样式文件,以及如何按需加载样式文件。自动按需引入插件现在很多组件库的按需引入都是借助插件来解决的,比如ElementPlus是使用unplugin-vue-components和unplugin-auto-import,这两个插件可以实现import{Button}from"easyest";//相当于
使用glup打包组件库并实现按需加载当我们使用Vite库模式打包的时候,vite会将样式文件全部打包到同一个文件中,这样的话我们每次都要全量引入所有样式文件做不到按需引入的效果。所以打包的时候我们可以不让vite打包样式文件,样式文件将使用gulp进行打包。那么本篇文章将介绍如何使用gulp打包样式文件,以及如何按需加载样式文件。自动按需引入插件现在很多组件库的按需引入都是借助插件来解决的,比如ElementPlus是使用unplugin-vue-components和unplugin-auto-import,这两个插件可以实现import{Button}from"easyest";//相当于
使用glup打包组件库并实现按需加载当我们使用Vite库模式打包的时候,vite会将样式文件全部打包到同一个文件中,这样的话我们每次都要全量引入所有样式文件做不到按需引入的效果。所以打包的时候我们可以不让vite打包样式文件,样式文件将使用gulp进行打包。那么本篇文章将介绍如何使用gulp打包样式文件,以及如何按需加载样式文件。自动按需引入插件现在很多组件库的按需引入都是借助插件来解决的,比如ElementPlus是使用unplugin-vue-components和unplugin-auto-import,这两个插件可以实现import{Button}from"easyest";//相当于