django-compressor Uncaught SyntaxError: import declarations may only appear at top level of a module

Question

这是我的 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 %}

如何配置我的项目以避免该错误？ 或者你能给我推荐一个 easier/better 捆绑器吗？

Answer 1

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