title: How include bootstrap and jquery to vue webpack-simple template?
body: <p>I need use bootstrap 3 on my vue app. I do following:</p>
  
  <pre><code> vue init webpack-simple
   npm install jquery bootstrap
  </code></pre>
  
  <p>after this I add to webpack.config.js</p>
  
  <pre><code> module.exports = {
   ...
     plugins: [
         new webpack.ProvidePlugin({
             $: "jquery",
             jQuery: "jquery"
         }),
     ]
   }
  </code></pre>
  
  <p>and add to src/main.js</p>
  
  <pre><code> window.$ = window.jQuery = require('jquery')
   import 'bootstrap'
  </code></pre>
  
  <p>and got error in browser:</p>
  
  <blockquote>
    <p>Uncaught ReferenceError: jQuery is not defined</p>
  </blockquote>
  
  <p>how I can resolve this problem?</p>
  
  <p>UPDATE:</p>
  
  <p>I maked like say @Sandwell, but no have bootstrap.css in result. I add line to src/main.js</p>
  
  <pre><code> import Bootstrap from 'bootstrap/dist/css/bootstrap.css'
  </code></pre>
  
  <p>and got webpack compilation error:</p>
  
  <blockquote>
    <p>./node_modules/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf
    Module parse failed: Unexpected character '' (1:0)
    You may need an appropriate loader to handle this file type.
    (Source code omitted for this binary file)
     @ ./node_modules/css-loader!./node_modules/bootstrap/dist/css/bootstrap.css 6:4790-4842
     @ ./node_modules/bootstrap/dist/css/bootstrap.css
     @ ./src/main.js
     @ multi (webpack)-dev-server/client?<a href="http://localhost:8080" rel="nofollow noreferrer">http://localhost:8080</a> webpack/hot/dev-server ./src/main.js</p>
  </blockquote>
  
  <p>I have loader in webpack.config.js module.rules:</p>
  
  <pre><code>  {
      test: /\.(png|jpg|gif|svg|ttf)$/,
      loader: 'file-loader',
      options: {
        name: '[name].[ext]?[hash]'
      }
    }
  </code></pre>