Skip to content

Doesn't work with ember-cli-sass  #268

@villander

Description

@villander

Ember-cli: 3.28.0
ember-css-modules: 1.5.0

I have an addon that expose bootstrap CSS using the hook treeForStyles and my addon has a scss file named ember-odyssey.scss on addon-name/app/styles to be imported in the consumer app to bring the those styles. Which means I opted to use the alternative addon usage

Now I added ember-css-modules to have the scoped CSS for my components, and I followed the Addon Usage in the README adding the .placeholder file and addon.scss file:

image

And put an include path to my sass files:

// my-addon/index.ts
options: {
   cssModules: {
     extension: 'scss',
     intermediateOutputPath: '_modules.scss'
   }
 }

https://github.com/salsify/ember-css-modules/blob/master/docs/PREPROCESSORS.md#modules-and-preprocessor-syntax-in-isolation

The output is:

Build Error (SassCompiler)

File not found: /app/styles/app.scss
in any of the following include paths:
  /var/folders/0v/jpdg1flj3qscvbvt728pgt8c0000gn/T/broccoli-167747o1QM182GSfj/out-179-simple_concat_concat


Stack Trace and Error Report: /var/folders/0v/jpdg1flj3qscvbvt728pgt8c0000gn/T/error.dump.0cde3e4f99e53614db8fc427095a1792.log

What I'm doing wrong here?

cc: @dfreeman

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions