如何解决创建一个包含SCSS
我想为存储库中共享的其他项目创建一个npm模块。我的“库”包含一些vue.js基本组件和一些SCSS。我想重用这个基本的scss和组件。
我也确实在组件中使用了相同的SCSS。摘自库组件的示例摘录:
<style scoped lang="scss">
@import "./src/assets/css/variables.scss";
....
</style>
现在,我想在主项目中重用此组件,但是sass加载器通过引用此variables.scss(在我的库模块内部)而失败。好吧,这条路显然行不通。我应该做类似“ ../assets/css/variables.scss”的操作,以便在库构建和项目构建中都可以工作。当我使用嵌套文件夹时,也有一些警告。
我想在互联网上找到这么少的信息。有人可以给我一个“如何正确做”的建议吗?
谢谢!
解决方法
如果我对您的理解正确,那么您想将变量sass文件导入“子项目”。
在这种情况下,当您构建了npm“ library”软件包时,可以在将其安装到的子项目中按软件包名称引用它。
database.collection("product").get().then(function(querySnapshot) {
querySnapshot.forEach(function(doc) {
const productid = doc.data().id;
const productname = doc.data().name;
productsList.innerHTML += "<div class='product-container' ><div class='course'><h2>"+ productname +"</h2><h6>"+ productid +"</h6><button id='editbutton' class='btn' >Edit Product</button></div></div></div>"
});
})
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。