{"id":21344797,"url":"https://github.com/gethinode/netlify-plugin-dartsass","last_synced_at":"2025-03-16T03:23:12.336Z","repository":{"id":193052857,"uuid":"687979040","full_name":"gethinode/netlify-plugin-dartsass","owner":"gethinode","description":"Install Dart Sass to enable the latest features of the Sass language for your Hugo site on Netlify","archived":false,"fork":false,"pushed_at":"2024-03-04T04:33:53.000Z","size":14,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-22T16:11:18.262Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gethinode.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-09-06T12:02:50.000Z","updated_at":"2024-03-03T05:29:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"39570aa7-d571-4534-9948-0d6c30f4e4bc","html_url":"https://github.com/gethinode/netlify-plugin-dartsass","commit_stats":null,"previous_names":["gethinode/netlify-plugin-dartsass"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gethinode%2Fnetlify-plugin-dartsass","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gethinode%2Fnetlify-plugin-dartsass/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gethinode%2Fnetlify-plugin-dartsass/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gethinode%2Fnetlify-plugin-dartsass/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gethinode","download_url":"https://codeload.github.com/gethinode/netlify-plugin-dartsass/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243819415,"owners_count":20352898,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-22T01:22:26.298Z","updated_at":"2025-03-16T03:23:12.309Z","avatar_url":"https://github.com/gethinode.png","language":"JavaScript","readme":"# Netlify Build Plugin: Install Dart Sass\n\nThis plugin installs [Dart Sass][dartsass] to enable the latest features of the Sass language for your [Hugo][hugo] deployments. It is a convenience plugin that ensures the correct binary is available within all build contexts of [Netlify][netlify].\n\n## Usage\n\n\u003c!-- You can install this plugin in the Netlify UI from this [direct in-app installation link](https://app.netlify.com/plugins/netlify-plugin-dartsass/install) or from the [Plugins directory](https://app.netlify.com/plugins). --\u003e\n\nFor file-based installation, add the following lines to your `netlify.toml` file:\n\n```toml\n[build.environment]\n  # see index.js for default value\n  DART_SASS_VERSION = \"1.71.1\" \n\n[[plugins]]\n  package = \"@gethinode/netlify-plugin-dartsass\"\n```\n\nNote: The `[[plugins]]` line is required for each plugin, even if you have other plugins in your `netlify.toml` file already.\n\nTo complete file-based installation, from your project's base directory, use npm, yarn, or any other Node.js package manager to add the plugin to `devDependencies` in `package.json`.\n\n```bash\nnpm install -D @gethinode/netlify-plugin-dartsass\n```\n\n## How it works\n\nThis plugin prepends an installation script prior to your regular Netlify build command. This ensures the Dart Sass binary compatible with Hugo is installed in Netlify's runner. You could simply add these installation steps to your build file manually, however, you would have to do so for each build context. By enabling this plugin, the binary is available to all build contexts, which include production deploys, deploy previews, and branch deploys.\n\nThe following installation script is prepended to your current build command, where `${version}` is obtained from your build environment (`DART_SASS_VERSION`):\n\n```bash\ncurl -LJO https://github.com/sass/dart-sass/releases/download/${version}/dart-sass-${version}-linux-x64.tar.gz \u0026\u0026 \\\ntar -xf dart-sass-${version}-linux-x64.tar.gz \u0026\u0026 \\\nrm dart-sass-${version}-linux-x64.tar.gz \u0026\u0026 \\\nexport PATH=/opt/build/repo/dart-sass:$PATH`\n```\n\n## Credits\n\nThis plugin is inspired by the following instructions and repositories:\n\n- [Dart Sass installation instructions for Netlify][hugo_dart_netlify] by Joe Mooring / Hugo team\n- [netlify-plugin-hugo-cache-resources][plugin_cache] by [Cassius de Leeuwe][cassius]\n\n\u003c!-- Links --\u003e\n[hugo]: https://gohugo.io\n[hugo_dart_netlify]: https://gohugo.io/hugo-pipes/transpile-sass-to-css/#netlify\n[cassius]: https://github.com/cdeleeuwe\n[plugin_cache]: https://github.com/cdeleeuwe/netlify-plugin-hugo-cache-resources\n[dartsass]: https://sass-lang.com/dart-sass/\n[netlify]: https://netlify.com\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgethinode%2Fnetlify-plugin-dartsass","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgethinode%2Fnetlify-plugin-dartsass","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgethinode%2Fnetlify-plugin-dartsass/lists"}