vue main.js中引入组件库样式？

作者站长头像
站长
· 阅读数 14

我测试组件库的封装，通过下面方式可以正确引入样式

import aa from 'package name'
import '../node_modules/package name/dist/index.css'
app.use(aa)

下面这样就报错找不到样式

import aa from 'package name'
import 'package name/dist/index.css'
app.use(aa)

我发布的包中包含dist目录，dist中也包含index.css，为什么通过package name这种方式导入不了样式呢？

回复
1个回答
avatar
test
2024-07-17

package.json 的exports 字段做如下配置就好了

  "exports": {
    ".": {
      "import": "dist/texture-ui.mjs",
      "require": "dist/texture-ui.umd.js"
    },
    "./dist/css/*": {
      "import": "dist/css/*",
      "require": "dist/css/*"
    }
  },
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容