title: Static files not found with webpack and django
body: <p>The problem is that I can get access to the app on the browser but not static assets (js, jsx and images).</p>
  
  <p>Technologies I am using:</p>
  
  <pre><code>django-webpack-loader 0.2.4
  React 0.14
  Django 1.8.5
  Python 2.7
  </code></pre>
  
  <p>Part of Django settings for static files:</p>
  
  <pre><code>103 # Static files (CSS, JavaScript, Images)
  104 # https://docs.djangoproject.com/en/1.8/howto/static-files/
  105 
  106 STATIC_URL = '/static/'
  107 STATICFILES_DIRS = (
  108     os.path.join(BASE_DIR, 'assets'),
  109 )
  110 
  111 WEBPACK_LOADER = {
  112     'DEFAULT': {
  113         'BUNDLE_DIR_NAME': 'bundles/',
  114         'STATS_FILE': os.path.join(BASE_DIR, 'webpack-stats.json'),
  115     }
  116 }
  </code></pre>
  
  <p>The webpack.config.js file:</p>
  
  <pre><code>  4 // Dependencies
    5 var path = require('path')
    6 var webpack = require('webpack')
    7 var BundleTracker = require('webpack-bundle-tracker')
    8 
    9 module.exports = {
   10     // The base directory (absolute path) for resolving the entry option.
   11     context: __dirname,
   12 
   13     entry: './assets/js/index',
   14 
   15     output: {
   16         // Where the compiled bundle to be stored.
   17         path: path.resolve('./assets/bundles/'),
   18         // Naming convention webpack should use.
   19         filename: '[name]-[hash].js'
   20     },
   21 
   22     plugins: [
   23         // Where webpack stores data about bundles.
   24         new BundleTracker({filename: './webpack-stats.json'}),
   25         // Makes jQuery available in every module.
   26         new webpack.ProvidePlugin({
   27             $: 'jquery',
   28             jQuery: 'jquery',
   29             'window.jQuery': 'jquery'
   30         })
   31     ],
   32 
   33     module: {
   34         loaders: [
   35             // A regexp that tells webpack user the following loaders on all
   36             // .js and .jsx files.
   37             {test: /\.jsx?$/,
   38                 exclude: /ndoe_modules/,
   39                 loader: 'babel-loader',
   40                 query: {
   41                     presets: ['react']
   42                 }
   43             },
   44             // use ! to chain loaders
   45             { test: /\.less$/, loader: 'style-loader!css-loader!less-loader' },
   46             {test: /\.css$/, loader: 'style-loader!css-loader'},
   47             // Inline base64 URLs for &lt;=8k images, direct URLs for the rest.
   48             {test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192'}
   49         ]
   50     },
   51 
   52     resolve: {
   53         // Where webpack looks for modules.
   54         modulesDirectories: ['node_modules'],
   55         // Extensions used to resolve modules.
   56         extensions: ['', '.js', '.jsx']
   57     }
   58 }
  </code></pre>
  
  <p>Part of Dockerfile:</p>
  
  <pre><code>  3 COPY start.sh /opt/start.sh
    4 
    5 ADD . /opt/
    6 
    7 RUN /opt/node_modules/webpack/bin/webpack.js --config /opt/webpack.config.js
    8 
    9 RUN chmod +x /opt/start.sh
  </code></pre>
  
  <p>Hierarchy of the Django project:</p>
  
  <pre><code>my_project/
  ├── Dockerfile
  ├── api
  ├── assets
  ├── my_project
  ├── db.sqlite3
  ├── manage.py
  ├── node_modules
  ├── package.json
  ├── requirements.txt
  ├── static
  ├── templates
  ├── webpack-stats.json
  └── webpack.config.js
  </code></pre>
  
  <p>There are two servers running Nginx t01 and t02. t01 is for proxy and t02 is where the Django project resides. The proxy server looks fine because the url works on the browser, only the static files can't be found (404 errors).</p>
  
  <p>I manually do the static files bundle on the server because there will be a <code>webpack-stats.json</code> files generated which contains the absolute path info.</p>
  
  <p>However, this project runs properly on my local computer.</p>
  
  <p><strong>[EDIT]:</strong></p>
  
  <p>I found a solution, just to add this to <code>my_project/urls.py</code> at the end of <code>urlpatterns</code></p>
  
  <p><code>] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)</code></p>