title: How to load animate.css with Webpack 3?
body: <p>I'm trying to load animate.css to my app using following dependencies:</p>
  
  <p><a href="https://github.com/daneden/animate.css" rel="nofollow noreferrer">https://github.com/daneden/animate.css</a></p>
  
  <p><a href="https://github.com/andreimc/animate-css-webpack" rel="nofollow noreferrer">https://github.com/andreimc/animate-css-webpack</a></p>
  
  <p>I'd like to achieve that I'll be able to configure what animations will load using animate-css-web-pack.</p>
  
  <p>Here's a list of all my dependencies in the project</p>
  
  <pre><code>"dependencies": {
    "animate-css-webpack": "^3.5.6",
    "animate.css": "^3.6.1"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0-beta.38",
    "@babel/preset-env": "^7.0.0-beta.38",
    "babel-loader": "^8.0.0-beta.0",
    "css-loader": "^0.28.9",
    "extract-text-webpack-plugin": "^3.0.2",
    "file-loader": "^1.1.6",
    "postcss": "^6.0.16",
    "postcss-loader": "^2.0.10",
    "stylus": "^0.54.5",
    "stylus-loader": "^3.0.1",
    "uglifyjs-webpack-plugin": "^1.1.6",
    "webpack": "^3.10.0",
    "webpack-dev-server": "^2.11.1"
  },
  </code></pre>
  
  <p>Relevant part of my webpack.config.js</p>
  
  <pre><code>entry: {
    'main': [
      'animate-css-webpack!./src/animate-css.config.js',
      './src/app.js',
    ]
  },
  </code></pre>
  
  <p>However animate.css won't load… What am I doing wrong?</p>