phoenix-framework - 如何在Phoenix框架中使用SASS/SCSS？

使用Phoenix Framework时，有没有一种方法可以在样式表中使用sass / scss？如果有，那怎么办？

最佳答案

Phoenix框架将brunch用于 Assets 管道。

从docs:



要添加对SASS的支持，请在项目根目录的package.json中将“sass-brunch”添加为:

{
  "repository": {
  },
  "dependencies": {
    "brunch": "^1.8.1",
    "babel-brunch": "^5.1.1",
    "clean-css-brunch": ">= 1.0 < 1.8",
    "css-brunch": ">= 1.0 < 1.8",
    "javascript-brunch": ">= 1.0 < 1.8",
    "sass-brunch": "^1.8.10",
    "uglify-js-brunch": ">= 1.0 < 1.8"
  }
}

然后运行npm install。

Phoenix框架还支持不使用早午餐作为默认值的 Assets 管理。

创建新项目时:



将创建没有早午餐配置的项目。您需要设置一个系统，该系统可以将构建的 Assets 复制到priv/static/中，并且还可以监视源文件以对每个更改进行自动编译。阅读docs了解更多信息。