import, exportを使用したいのですが、エラーになってしまいます。

Uncaught SyntaxError: Unexpected identifier

どこに問題があるのでしょうか？

const.js

export const DATA = {
    test: "qqq"
};

html

<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    </head>
    <body>
        <div id="text"></div>

        <script src="../js/jquery-2.2.4.min.js"></script>
        <script type="text/javascript">
            import DATA from "../const";
            $("#text").text(DATA.test)
        </script>

    </body>
</html>