2014-12-25 124 views
2

對於前端開發人員來說,這可能看起來很愚蠢,但是如何修改JHipster中的CSS樣式表?有了Gulp,Nodejs,Bower,Boostrap,Sass,Gradle/Maven和Compass都混雜在一起,所以我們將欣賞一些開始的入門指南。我正在使用Gradle。如何使用JHipster修改CSS樣式?

當然,只需修改src/main/scss/main.scss,似乎不起作用!

回答

0

解決的辦法是:

  1. 安裝一飲而盡 - 見:https://gist.github.com/aaronwaldon/8657432和 (如果一飲而盡在下面#3失敗)在文章中沒有提到任何缺少NPM的依賴關係。

  2. 根據需要編輯src/main/scss/main.scss。

  3. 然後,在項目根目錄(其中gulpfile.js是),並運行gulp - 對於我的配置,我們使用Compass,因此「gulp compass」命令更新了css。

+1

還有一個'一飲而盡watch'命令,它會自動重新編譯CSS一旦作出任何改變下'的src/main/SCSS /' –

+0

這是如何工作的任何'* .scss'文件?我生成了我的應用程序白色Sass,如果我在瀏覽器的devtool中查看我的css,它似乎正在使用assets/styles/main.css。如果我編輯該文件,我可以立即看到更改。但是當我用mvn重新構建我的應用程序時,我的更改每次都會丟失。這是如何工作的,以及我應該更改哪些文件,這些更改是永久性的。 – Sami

+0

這可能是非常過時的。原來的答案是一年多以前的版本。 –