发布的npm插件需要另外引入css文件,有解决办法吗?

李国彪
  • 4
新手上路,请多包涵

我自己试着写了一个vue的插件发布到了npm上,使用的vuecli3,利用vue-cli 3.x提供了构建库的命令方法,插件被注册为vue.prototype.$notice上,然后通过this.$notice()进行调用,但是发现最终通过npm install 下来的文件需要另外引入css,否则没有样式,这该怎么解决?

import mynotice from 'lgb-notice'
import 'lgb-notice/dist/mynpm.css'

有没有大佬可以讲一下,是不是需要配置webpack?

回复
阅读 2.3k
2 个回答
Mingo
  • 2
新手上路,请多包涵

dist/myLib.css:提取出来的 CSS 文件 (可以通过在 vue.config.js 中设置 css: { extract: false } 强制内联)

module.exports = {

css: {extract: false}

}

这样设置就行了

omglhw
  • 1
新手上路,请多包涵

这样试试
不要构建,直接在package.json 设置 "main": "src/components/你的组件.vue", 构建动作交给使用者

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏