语义UI不构建CSS

时间:2016-08-16 20:45:26

标签: gulp less semantic-ui

我使用gulp / bower / composer / npm在Laravel应用程序中设置了语义UI。语义UI位于/ resources / semantic /中,其具有Semantic gulp文件和/ dist / / src /和/ themes /。当我运行gulp build时,一切都正常完成,没有错误,JS被编译成/dist/semantic.js和semantic.min.js,并且应该是/dist/semantic.css和semantic.min.css。但无论我做什么,我都无法构建CSS。我之前在其他项目上使用过Semantic,没有任何问题。

还有其他人遇到过这个问题吗?我读到它可能是Node版本的一个问题,所以我安装了最新版本但仍有问题。

Laravel - 5.2 NPM - 3.9.5 节点 - 6.2.2 凉亭 - 1.7.9 语义 - 2.2.2

我真的没有想法在这里我尝试了路径,theme.config设置中的各种变体,我能想到的一切。

编辑我应该提一下 - 我试过'gulp watch'然后在/ src /中修改了一个.less文件,观察者拿起了变化,然后说它正在构建CSS(我没有看到Gulp消息,它说明它生成了哪个文件,只有msg'完成包未压缩的CSS'),而且/ dist /中仍然没有.css文件。我甚至将一个较旧的semantic.css复制到/ dist /文件夹中只是为了看到,奇怪的是,脚本实际上改变了semantic.css的修改时间,但内部没有任何改变。 修改

非常感谢任何帮助,谢谢。

2 个答案:

答案 0 :(得分:0)

这个非常奇怪的错误。如果您的语义UI构建任务在任何时候都不编译CSS - 尝试删除您的node_modules文件夹,并清除您可能拥有的任何package.json。然后慢慢地添加所需的每个节点模块,一次一个,每次检查中间的语义“gulp build”命令。我们不是100%哪个模块做到了,但它在node_modules文件夹中绝对是100%导致此错误的东西。

如果遇到同样的事情,我会从那里开始。我们花了2天的时间来计算这个。

祝你好运!

答案 1 :(得分:0)

1-运行以下命令:

  

npm install语义用户界面--save

2-使用以下命令将当前路径更改为语义文件夹:

  

cd“语义文件夹名称”(例如cd语义)

3-运行以下命令:

  

gulp构建(如果未安装gulp,请先使用npm install -g gulp安装)

您可以看到dist文件夹。在下面的路径中找到semantic.min.js和semantic.min.css。

node_modules \ semantic-ui \ dist \ semantic.min.css

semantic / dist / semantic.min.js

npm版本:6.4.1

gulp版本:3.9.1

semantic-ui版本:2.4.1