萌新！发布的npm插件需要另外引入css文件，有解决办法吗？求指导！

Question

我自己试着写了一个vue的插件发布到了npm上，使用的vuecli3,利用vue-cli3.x提供了构建库的命令方法,插件被注册为vue.prototype.$notice上，然后通过this.$notice()进行调用,但是发现最终通过npminstall下来的文件需要另外引入css,否则没有样式，这该怎么解决?importmynoticefrom'lgb-notice'import'lgb-notice/dist/mynpm.css'有没有大佬可以讲一下,是不是需要配置webpack?

Answer 1

dist/myLib.css：提取出来的CSS文件(可以通过在vue.config.js中设置css:{extract:false}强制内联)
module.exports={
css:{extract:false}
}
这样设置就行了
                            

Answer 2

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