如何配置离子sass。

时间:2015-07-30 14:41:08

标签: ionic

我正在使用默认的离子种子应用程序,我已经运行了设置 命令ionic setup sass. 我运行ionic serve,这应该是关注sass的变化,但事实并非如此。 我尝试运行gulp watch,但收到错误。Error: Cannot find module 'semver'

7 个答案:

答案 0 :(得分:2)

首先,您需要运行此命令 ionic setup sass运行此命令时在scss文件夹中scss folder创建www folder此处style.scss文件。 @import路径中的scss/ionic.app.scss此文件。

@import "www/scss/style.scss"路径中的

scss/ionic.app.scss

试试这个我希望这对你有用。

答案 1 :(得分:0)

请删除' node_modules'项目目录中的文件夹并重新运行 ' npm install'。这对我有用。

答案 2 :(得分:0)

确保您已更改index.html以包含相关的css文件,因为如果您想使用sass生成的.min.css,则之前将不再使用该文件。

答案 3 :(得分:0)

如果删除node_modules并运行npm install并不起作用,可以尝试安装gulp然后安装sass

npm install -g gulp
ionic setup sass

答案 4 :(得分:0)

你可以通过Ruby使用sass:

  • 安装Ruby
  • 安装Sass:npm install -g node-sass
  • 关于离子项目(v2)类型:npm rebuild node-sass

因此,无论何时触摸sass文件,您都可以重建sass:npm rebuild node-sass如果没有,可以,只需继续正常ionic serve

备注:ionic2需要sass

答案 5 :(得分:0)

在离子项目中使用Sass 如果您使用的是Windows节点cli。

转到你的项目中

C:\项目名称

c:\ projectname> ionic setup sass

完成

http://ionicframework.com/docs/cli/sass.html

答案 6 :(得分:0)

试试这个。它将在您的离子项目中设置sass。

ionic setup sass

如果未设置gulp,请先运行此命令

npm install gulp -g