Javascript ES6 импорт без имени

Question

Я запускаю Webpack, Babel и Vue.js, и я хочу разбить мой файл входа. В настоящее время у меня есть файл app.js, который является отправной точкой для моего приложения.

У меня есть некоторые кусочки кода, которые я хочу поместить в файл bootstrap.js, который я хочу включить в свой основной файл app.js, могу ли я иметь чистый файл, чтобы начать с Vue и добавлять в него компоненты, поскольку я иду ,

Некоторые примеры того, что я хотел бы поставить в моем bootstrap.js файле:

import messagesNL from './translations/nl'; 

Vue.use(VeeValidate, { 
    locale: 'nl', 
    dictionary: { 
    nl: { 
     messages: messagesNL 
    } 
    } 
}); 

window.Vue = Vue; 

Так довольно много установки плагинов, глобальной конфигурации и т.д. Я чувствую, что это не ваш типичный модуль, и я нахожу его трудно создать модуль как структура для этого файла, поэтому я в основном использовать это в моем app.js файле:

import bootstrap from './bootstrap'; 

не имея ни малейшего представления, если это будет работать, это, кажется, просто импортировать все аккуратно и без меня проделав module exports {} ли ke синтаксис.

Теперь переменная bootstrap, которую я назначил этому файлу, не используется в app.js, поскольку она используется только для того, чтобы потребовать, чтобы файл и мой IDE вид «greys» его, чтобы сообщить мне, что он не используется.

Есть ли другой синтаксис для этого, так что мне не нужно назначать ему имя? Этот подход подходит для разделения моего файла, или я должен делать что-то еще?

Я еще не поместил его в надлежащий модуль, потому что тогда у него будет свой собственный локальный охват, и я не буду знать, как настроить Vue со всеми плагинами и т. Д. Если у кого-то есть лучшее предложение, я открыт к нему.

Cheers.

Answer 1

Для включения файла без импорта все, что вы можете просто бросить <name> from часть заявления:

import './bootstrap'; 

Это будет выполнять целевой модуль, не затрагивая сферу активного модуля, то есть этот тип импорта никаких побочных эффектов.