2014-12-25 128 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

这可能是非常过时的。原来的答案是一年多以前的版本。 –