Ember-cli-deploy-s3-sass

Usage

Download the repo, and run npm link in its directory.

Move to your apps directory. Include in your package.json. Run npm link ember-cli-deploy-s3-sass.

This plugin will grab any .scss files in your build directory and upload them to S3.

Add a config object in your deploy.js:

ENV['s3-sass'] = {
  accessKeyId: 'Key',
  secretAccessKey: 'SeCr3T',
  bucket: 'your-bucket-here',
  region: 'eu-west-1',
  prefix: "apps/li",
  allowOverwrite: true
};

In order to add your .scss files to the build you will need to modify your ember-cli-build.js file.

In the first example, the code will pick up things in your normal styles directory.

In the second example it will pick up from an addons directory that you might consume. You need to include all addons that you reference in your imports.

var Funnel = require('broccoli-funnel');
var MergeTrees = require('broccoli-merge-trees');

var sass = new Funnel('app/styles', {
  destDir: '/sass',
  include: ['**/*.scss']
});

var emberBlocksSass = new Funnel('node_modules/@nimble/ember-blocks/app/styles', {
  destDir: '/sass',
  include: ['**/*.scss']
});

return app.toTree(new MergeTrees([sass, emberBlocksSass]));