title: Is it possible to use ES6 in a Chrome Extension?
body: <p>I've just started building a Chrome Extension and was curious if I'd be able to use ES6 with it.</p>
  
  <p>In the following <a href="http://kangax.github.io/compat-table/es6/" rel="noreferrer">compatibility table</a>, Chrome 41 shows that it currently has 41% compatibility. A couple key features like <code>class</code> are not included in that 41% and so I was curious if there were other options, such as transpiling.</p>
  
  <p>I've already used <a href="https://babeljs.io/" rel="noreferrer">Babel</a>, an ES6 transpiler, with Ember CLI and it has worked great. </p>
  
  <p>However, I find the build process a bit different when developing a chrome extension.  For example, when testing an extension I'm developing, I load it into the browser via the "Load unpacked extension" option which points directly to the source code. </p>
  
  <p>For the extension I am building, I am using the <a href="https://github.com/yeoman/generator-chrome-extension" rel="noreferrer">yeoman chrome extension generator</a> as a base. Ideally, I'd like to be able to set up some sort of grunt task that hooks into the <code>debug</code> task and then transpiles the code any time it changes to a separate directory. From there, I could load the contents of that directory via the <code>load unpacked extension</code> option. However, I'm not exactly sure how to do this or if there are other options instead.</p>