title: NPM + Zurb Foundation + WebPack: Cannot resolve module 'foundation'
body: <p>I am working on using Zurb Foundation with WebPack and NPM, <em>without</em> Bower.</p>
  
  <p>The problem I am encountering is the same as this below:</p>
  
  <p><a href="https://github.com/zurb/foundation-sites/issues/7386">https://github.com/zurb/foundation-sites/issues/7386</a></p>
  
  <p>Essentially, when installing foundation-sites via NPM, there are references to a module "foundation" that is not found.  The error:</p>
  
  <pre><code>Module not found: Error: Cannot resolve module 'foundation' in c:\Users\Matt\Documents\Projects\test\node_modules\foundation-sites\dist
   @ ./~/foundation-sites/dist/foundation.js 
  </code></pre>
  
  <p>Here's the package.json:</p>
  
  <pre><code>{
    "name": "test",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
      "test": "echo \"Error: no test specified\" &amp;&amp; exit 1",
      "dev": "webpack-dev-server"
    },
    "author": "",
    "license": "ISC",
    "dependencies": {
      "foundation-sites": "6.0.5",
      "webpack": "~1.12.6",
      "webpack-dev-server": "~1.2",
      "jquery": "2.1.1"
    }
  }
  </code></pre>
  
  <p>And here is webpack.config.js:</p>
  
  <pre><code>var path = require("path");
  var webpack = require("webpack");
  module.exports = {
      entry: {
        main: "./app/js/main.js"
      },
      output: {
          path: __dirname,
          filename: "bundle.js"
      },
      module: {
          loaders: [
              { test: /\.css$/, loader: "style!css" },
              {
                  test: /\.scss$/,
                  loaders: ["style", "css", "sass"]
                },
                { test: /\.vue$/, loader: 'vue' }
          ],
          resolve: {
              modulesDirectories: ['node_modules']
          }
      },
       sassLoader: {
              includePaths: [path.resolve(__dirname, "./node_modules/foundation-sites/scss/")]
            },
      devServer: {
          proxy: {
              '/api/*': {
                  target: 'http://localhost:4567',
                  secure: false
              }
          }
      }
  };
  </code></pre>
  
  <p>I can work around this by including foundation via bower instead, but I want to eliminate bower and use only NPM.</p>