UI语义下拉组件安装

Question

我很想在我的网站中使用ui下拉组件，因为css框架bulma没有一个

我通过npm取出了包，选择了具有下拉组件的按钮模块，运行了gulp build并生成了.js和.css文件

但如果我尝试访问这些文件，我会

mysite.dev/semantic/dist/components/dropdown.js 404 (Not Found)

我哪里错了？ 干杯

Answer 1

您是否检查过文件是否确实位于正确的位置？在我们的项目中，通过gulp从头开始构建Semantic UI（参见here），他们就是您所期望的那样：

$ ll semantic/dist/components/d*
-rwxrwxr-x 1 yv yv   4030 Sep 30 14:41 semantic/dist/components/dimmer.css*
-rw-rw-r-- 1 yv yv  20753 Sep 30 14:41 semantic/dist/components/dimmer.js
-rwxrwxr-x 1 yv yv   2632 Sep 30 14:41 semantic/dist/components/dimmer.min.css*
-rw-rw-r-- 1 yv yv   7955 Sep 30 14:41 semantic/dist/components/dimmer.min.js
-rwxrwxr-x 1 yv yv   7774 Sep 30 14:41 semantic/dist/components/divider.css*
-rwxrwxr-x 1 yv yv   5763 Sep 30 14:41 semantic/dist/components/divider.min.css*
-rwxrwxr-x 1 yv yv  33634 Sep 30 14:41 semantic/dist/components/dropdown.css*
-rw-rw-r-- 1 yv yv 133553 Sep 30 14:41 semantic/dist/components/dropdown.js
-rwxrwxr-x 1 yv yv  23689 Sep 30 14:41 semantic/dist/components/dropdown.min.css*
-rw-rw-r-- 1 yv yv  48256 Sep 30 14:41 semantic/dist/components/dropdown.min.js

您还可以使用NPM命令单独安装下拉模块：npm install semantic-ui-dropdown，请参阅here。