Могу ли я использовать Vue + Vuetify в устаревшем проекте, который должен поддерживать IE?

Question

В настоящее время добавление некоторых функций в устаревший проект.Внешний интерфейс просто jquery для всех веб-страниц.Мне сказали добавить еще одну веб-страницу, и я действительно хочу использовать Vuetify + Vue из-за запрошенной сложной функциональности ... У нас нет веб-пакета или каких-либо приятных функций, которые у нас сегодня есть, но для меня это немного неприятно, ноЯ просто буду использовать CDN.

Проблема, с которой я столкнулся, заключается в поддержке IE (по запросу пользователя).В настоящее время эти теги сценариев заставляют все работать в Chrome:

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.24.0/babel.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-resource@1.5.1"></script>
<link href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons' rel="stylesheet">
<script  src="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.js"></script>
<link href="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css" rel="stylesheet">
<jsp:include page="components/location_component.jsp"></jsp:include>

Как мне заставить это работать в IE с использованием только CDN?Я сталкиваюсь с ошибками, касающимися синтаксиса ES6, поэтому я ввел babel.По-прежнему получаю те же ошибки, что и раньше.

    <div id="app">
        <v-app> 
            <v-container> 
                <location @workstationchange="handleWorkstationChange($event)"></location> 

            </v-container> 
        </v-app>
    </div>
</div>

<script>
    var app = new Vue({
        el : '#app',
        data : {
            workstationSelected : null,
        },
        methods : {
            handleWorkstationChange : function(id) {
                this.workstationSelected = id
            }
        },
        mounted: function(){

        }
    })
</script>

Местоположение - довольно длинный компонент, который я создал, но у него просто есть несколько выпадающих меню, которые заполняются из базы данных ... Ничего сложного.Он использует функции стрелок ES6, сортировку, Set (), оператор распространения [...] и т. Д. ... Попытка сделать этот пост несколько коротким.

Кто-нибудь знает, как заставить ES6 работать в устаревшей среде, совместимой с IE, используя только CDN?что я делаю не так?

Answer 1

Вы можете использовать Vuetify с поддержкой IE11.

Чтобы использовать его в унаследованном проекте, который не может использовать преимущества инструментов сборки, таких как Webpack, вы можете создать свой проект за пределами своего старого проекта и затем использоватьинструмент для сборки, такой как Webpack, для сборки проекта.Затем вы можете импортировать выходные файлы Webpack Javascript-файла, обычно это /dist/build.js, в ваш унаследованный проект, например, так:

<script src="build.js" />

Вам также нужно будет перенести все активы, которые вы используете в своемПроект Vue к унаследованному проекту.

Несмотря на то, что он является нетрадиционным, он работает и может также использовать преимущества существующих Javascript и веб-служб в вашем проекте, как если бы он был там с самого начала.