Sage 9 Example of using /assets/scripts/routes ES6

Michael · January 12, 2017, 4:13am

Hi everyone, as we’re transitioning onto Sage 9 beta we’re looking for some examples of adding 3rd party JavaScript packages.

Is anyone willing to share some examples demonstrating the full process of adding a 3rd party JavaScript package to a Sage 9 theme written in ES6?

Common issues I’m seeing are:

translating code used in past project into ES6
initializing in assets/scripts/routes instead of main.js
best practices for building ES6 features in the Sage 9 theme structure

My goal is to produce more detailed instructions for building Sage themes and contribute it to roots/docs and the community.
Thanks!

ben · January 12, 2017, 4:16am

Howdy! Just wanted to pass along a couple links with examples before I head off for the night:

github.com

roots/docs/blob/460b9d63e6ef3fefb14f2ecc791af550f5a21c0e/sage/theme-development-and-building.md#3rd-party-packages

---
ID: 5322
post_title: Theme Development and Building
author: Ben Word
post_date: 2015-09-01 18:19:21
post_excerpt: ""
layout: doc
permalink: >
  https://roots.io/sage/docs/theme-development-and-building/
published: true
docs_project:
  - 'a:1:{i:0;s:2:"17";}'
publish_to_discourse:
  - 'a:1:{i:0;s:1:"0";}'
---
<p class="lead">These are the primary projects that make up the Sage workflow:</p>

<ul class="lead">
<li><h4><a href="https://webpack.github.io/">Webpack</a></h4><p><small>is used as a build tool for compiling stylesheets, checking for JavaScript errors, optimizing images, and concatenating and minifying files. In previous versions of the theme we used Grunt and Gulp as our build tools.</small></p></li>
<li><h4><a href="https://www.npmjs.com/">npm</a></h4><p><small>npm is a front-end package manager. Sage uses npm to pull in Bootstrap and jQuery as dependencies.</small></p></li>

This file has been truncated. show original

https://discourse.roots.io/t/import-wow-js-not-working-correctly-with-sage-9/8198/2