Question 1

How to use Eyeglass with Webpack?

Accepted Answer

Eyeglass doesn't have a native Webpack plugin, so you need to integrate it manually using a Sass loader like sass-loader and configure the Eyeglass compiler instance in your Webpack config. This process can be tricky and may require custom code to handle import resolution correctly.

Question 2

Eyeglass vs dart-sass npm packages – what's the difference?

Accepted Answer

Eyeglass is a framework for distributing Sass modules with automatic import resolution via npm, while dart-sass is the Sass compiler itself. Eyeglass builds on top of Sass compilers to add package management features, so they complement each other rather than compete directly.

Question 3

Can Eyeglass handle SCSS syntax as well as Sass?

Accepted Answer

Yes, Eyeglass works with both Sass (.sass) and SCSS (.scss) syntaxes, as it integrates with standard Sass compilers. It processes files based on the compiler's capabilities, so compatibility depends on the underlying Sass version you use.

Question 4

What happens if multiple Eyeglass modules have conflicting dependencies?

Accepted Answer

Eyeglass relies on npm's dependency resolution, so conflicts are handled by npm's versioning system. However, you might need to manually manage or override imports in your Sass files, as Eyeglass doesn't provide built-in conflict resolution for Sass code itself.

Question 5

Is Eyeglass compatible with the latest Sass versions like Sass 7?

Accepted Answer

Eyeglass should be compatible with newer Sass versions as it wraps the Sass compiler, but you should check the core library's documentation for specific version support. Breaking changes in Sass might require updates to Eyeglass or its modules.

Question 6

How to troubleshoot asset paths not resolving in Eyeglass?

Accepted Answer

Start by verifying that your Eyeglass module is correctly configured with asset directories, and check the build system integration settings. Common issues include incorrect paths in Sass files or misconfigured build plugins, so reviewing the asset URL handling in the README can help.

ember-cli-eyeglass

What is ember-cli-eyeglass?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions