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

  • Z时代
  • 2024-02-13
  • 分类：IT

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

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这种方式导入不了样式呢？

回答：

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

  "exports": {
    ".": {
      "import": "dist/texture-ui.mjs",
      "require": "dist/texture-ui.umd.js"
    },
    "./dist/css/*": {
      "import": "dist/css/*",
      "require": "dist/css/*"
    }
  },

回答：

我记得是可以的哇？比如说 AntD of Vue 以及 Ele 的样式引入。

是不是因为没有配置好 loader 或者你的UI库没有支持的原因？

但是我默认创建的新项目就可以这样引入哇，也没有去单独配置 loader。你可以说明一下你用的那个UI库吗？

以上是 vue main.js中引入组件库样式？ 的全部内容， 来源链接： utcz.com/p/933061.html

回到顶部