eadwincode/django-compressor-parceljs

Simply enables VueJs, ReactJs, SCSS, LESS, Typescript etc on your Django project

Hi there 👋

Welcome to my github page😄

django-compressor-parceljs's Issues

Getting Error When Using with Typescript

I believe I have everything installed and configured correctly.

STATICFILES_FINDERS = [ "django.contrib.staticfiles.finders.FileSystemFinder", "django.contrib.staticfiles.finders.AppDirectoriesFinder", "compressor.finders.CompressorFinder", ]

COMPRESS_ENABLED = True

COMPRESS_REBUILD_TIMEOUT = 2592000  # (30 days in seconds)
COMPRESS_OFFLINE = False

COMPRESS_OFFLINE_TIMEOUT = 31536000  # (1 year in seconds)
COMPRESS_OUTPUT_DIR = 'dev'

And in my template:

{% block extra_js %}
    <script type="text/javascript" src="{% static 'bundle.js' %}"></script>
    {% compress parcel file myts %}
        <script src="{% static 'test.ts' %}"></script>
   {% endcompress %}
 {% endblock %}

However, when I hit the page I get the following error:

TypeError at /todo/
Signal.__init__() got an unexpected keyword argument 'providing_args'

Any idea what could be wrong?

STATIC_ROOT / COMPRESS_ROOT missing in Readme.md

Hi, I just try to get a Vue example running, without success by now.
Just one thing: STATIC_ROOT / COMPRESS_ROOT has to be set, else ./manage.py compress complains. Could you add that to your readme, like

STATIC_ROOT = BASEDIR / "static"

Thanks

unknown option '--no-minify'

Hello
I have the package as described in the ReadMe.md file. Unfortunately I get the error unknown option '--no-minify' when calling my Django page.
in the file <<project path>>/venv/lib/python3.8/site-packages/compressor/filters/parceljs.py line 86, in input
Did I do something wrong?

My Python Version is 3.8.5
Django Version: 3.1.3
Parcel Version: [email protected]

image references from Vue components

When creating an img element in a Vue template, I run into two alternative scenarios:

• If I specify an absolute path, e.g. '/static/images/foo.png', parcel complains that the directory does not exist.
• If I specify a relative path, e.g. '../images/foo.png', parcel decides to compress the png to a different filename, e.g. '/foo.4055feba.png', but does not create the file in the compressed output directory.

I've also tried the '///../static/images/foo.png' trick mentioned in the css section, but to no avail (the browser simply does not load the '///../static/' png.

How do I refer to a png from a Vue component in a file.

Parcel problem when trying to manage.py compress

When following the instructions to install Parcel, it installs Parcel v2, which seems not not have the same command line arguments that Parcel v1 used. I ran into this when trying to get the "typescript directly in my django templates" example working.

You can fix this by installing parcel-bundler instead. which I guess is also known as parcel v1.

The error message that comes up when trying to use this with just parcel is:
CommandError: An error occurred during rendering /Users/me/Desktop/code_testing/typescript/django_typescript/home/templates/home/index.html: error: unknown option '-d'

To fix this, I did:
sudo npm uninstall -g parcel
sudo npm install -g parcel-bundler

Edit: By the way I love this package, i'm just digging into Typescript and this is the first way that makes sense to me on how to get that working in django where my ts code is in my django templates!