小编T0p*_*j3r的帖子

将vue.js与语义UI结合使用

我正在尝试使用Webpack + Semantic UI和Vue.js,我找到了这个库https://vueui.github.io/

但是存在问题:

ERROR in ./~/vue-ui/components/sidebar/sidebar.jade
Module parse failed: /Project/node_modules/vue-    
ui/components/sidebar/sidebar.jade Unexpected token (1:24)
You may need an appropriate loader to handle this file type.
Run Code Online (Sandbox Code Playgroud)

所以我安装了玉(哈巴狗),但仍然没有运气.

并且在github上有关于该lib的评论:

WIP,请勿使用(https://github.com/vueui/vue-ui)

我已经设法在我的模板中导入语义css,如下所示:

@import './assets/libs/semantic/dist/semantic.min.css';
Run Code Online (Sandbox Code Playgroud)

但问题是我不能使用像dimmer和其他东西这样的semantic.js函数.

问题是我已经有了一些用语义编写的旧代码库,不使用任何其他css框架(bootstrap或materialize)会很好.

有没有优雅的方法在我的vue.js项目中包含语义UI?

javascript single-page-application semantic-ui webpack vue.js

27
推荐指数
2
解决办法
2万
查看次数