Cookiecutter-django: Use webpack to compile scss/sass to css and add babel support

[geekodour]

I am using cookiecutter-django with webpack and it's working nicely. I only have to keep running webpack on watch mode and everything else just works. Can I propose the change? It uses npm scripts instead of grunt.

[webyneter]

@geekodour, for historical reference on webpack support, see #774

[pydanny]

Inclusion of a light Webpack setup would be nice, but it would have to be easily maintainable for us.

[geekodour]

I'll just post my folder structure webpack included here, not sure if it's good bad. it's probably bad. (did not show .babelrc)

.
├── contrib
├── __init__.py
├── media
├── node_modules <--
├── package.json <--
├── postcss.config.js <--
├── __pycache__
├── static
├── taskapp
├── templates
├── users
├── videos (app)
├── vlog (app)
└── webpack.config.js <--

inside static

.
├── fonts
├── images
│   └── favicon.ico
├── js
│   └── project.js
├── public
│   ├── Main.css
│   └── Main.js
├── sass
│   └── project.sass
└── vendor
    ├── responsive-nav.css
    └── responsive-nav.min.js

the project.js in /js @imports project.sass from /sass and I am using webpack extractTextPlugin to put the Main.css and Main.js into /public

[bluesurfer]

@geekodour

Is webpack worth using in a multiple page application?

I have never used webpack in practice but I read articles mainly about how cool it is :smile: and also how to use it to optimize the delivery of static content in a single page application. I understood the benefits there but what about a traditional Django app?

[Braintelligence]

Well I have problems currently including Vue.js plugins without Webpack... It would be awesome if I could have just spun up Webpack for this.

[natecox]

Just throwing this out there: I use https://github.com/owais/django-webpack-loader for managing webpack inside of Django, which is a really solid solution overall.

[kiran-capoor94]

I have built a very simple integration with Webpack and it works in a very basic setup. It's my first time contributing, forgive me for the incomplete project. https://github.com/kiran-capoor94/cookiecutter-django-webpack