title: How to import jquery using ES6 syntax?
body: <p>I'm writing a new app using (JavaScript) <code>ES6</code> syntax through <code>babel</code> transpiler and the <code>preset-es2015</code> plugins, as well as <code>semantic-ui</code> for the style. </p>
  
  <h3>index.js</h3>
  
  <pre><code>import * as stylesheet from '../assets/styles/app.scss';
  import * as jquery2 from '../dist/scripts/jquery.min';
  import * as jquery3 from '../node_modules/jquery/dist/jquery.min';
  
  console.log($('my-app'));
  </code></pre>
  
  <h3>index.html</h3>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="fr"&gt;
  &lt;head&gt;
  &lt;body&gt;
  &lt;script src="dist/app.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <h3>Project structure</h3>
  
  <pre><code>.
  ├── app/
  │   ├── index.js
  ├── assets/
  ├── dist/
  │   ├── scripts/
  │   │   ├── jquery.min.js
  ├── index.html
  ├── node_modules/
  │   ├── jquery/
  │   │   ├── dist/
  │   │   │   ├── jquery.min.js
  ├── package.json
  └── tests/
  </code></pre>
  
  <h3>package.json</h3>
  
  <pre><code>  …
    "scripts": {
      "build:app": "browserify -e ./app/index.js -o ./dist/app.js",
      "copy:jquery": "cpy 'node_modules/jquery/dist/jquery.min.js' ./dist/scripts/",
      …
    },
    "devDependencies": {
      "babel-core": "6.3.x",
      "babel-preset-es2015": "6.3.x",
      "babelify": "7.2.x",
      "cpy": "3.4.x",
      "npm-run-all": "1.4.x",
      "sassify": "0.9.x",
      "semantic-ui": "2.1.x",
      …
    },
    "browserify": {
      "transform": [
        [ "babelify", { "presets": [ "es2015"]}],
        [ "sassify", { "auto-inject": true}]
      ]
    }
  </code></pre>
  
  <h3>Question</h3>
  
  <p>Using classic <code>&lt;script&gt;</code> tag to import <code>jquery</code> works fine, but I'm trying to use the ES6 syntax.</p>
  
  <ul>
  <li>How do I import <code>jquery</code> to satisfy <code>semantic-ui</code> using ES6 import syntax?</li>
  <li>Should I import from the <code>node_modules/</code> directory or my <code>dist/</code> (where I copy everything)?</li>
  </ul>