django-compressor Uncaught SyntaxError：导入声明只能出现在模块的顶层

问题描述

这是我的JS结构：

这是开始的index.js

import { elements } from './views/base';
const state = {};
const controlRandomPhrasal = async () => {}

我的base.js：

export const elements = {
    searchFrom: document.querySelector('.search'),}

我这样调用压缩器：

{% compress js %}
  <script src="{% static "phrasals/js/jquery.js" %}"></script>
  <script src="{% static "phrasals/js/index.js" %}"></script>
{% endcompress %}

如何配置项目以避免该错误？ 还是可以建议我使用更轻松/更好的捆绑器？

解决方法

寻找响应后的一段时间。我选择使用Webpack和Babel构建管道。这是我开始的地方： Hybrid application,Django-Webpack