自定义css库

1、构建项目（选择框架时，选vanilla）

cnpm create vite 项目名称 --template vue

2、找到src目录下的main.js文件，删除里面的全部内容，只保留第一行的导入样式文件

 import './styles/index.scss'

3、因为我的样式文件时sass,所以我这边需要安装sass依赖

 npm run sass

4、开始打包

 npm run build

5、打包之后发现，还是像web应用程序

此时，我们需要添加vite.config.js文件，在文件中添加：

build: {
    lib: {
      entry: path.resolve(__dirname, "./main.js"),
      name: "MySass",
    },
  },
  

打包后：

此时style.css文件可以直接引用进行使用