Задать вопрос
splincodewd
@splincodewd
Developer

Как использовать extract plugin webpack для JavaScript файлов?

В файле polyfills.ts есть строчки:
// import js
import "ui-common/source/js/jquery.min.js";
import "ui-common/source/js/materialize.min.js";


Я хотел бы, чтобы в index.html (который генерируется при помощи html webpack plugin), добавлялись теги script с данными файлами

Почему я могу легко сделать
// import css
import "ui-common/source/css/normalize.css";


И у меня при помощи
new ExtractTextPlugin({
            filename: 'css/style.[hash].css',
            allChunks: true
        })


Легко создается в директории данный файл css/style.9808572.css и прописывается в теге head для index.html
А вот уже файлы скриптов я так не могу сделать, подскажите, куда копать?

Сейчас я импортирую файлы с расширением js так, но почему-то не все файлы видят в конце концов jQuery или Materialize библиотеку, я хотел бы, чтобы это было реальное подключение скриптов через теги, тогда там проблем с глобальной областью видимости нет
{
            test: /\.js$/,
            include: [resolvePath(`${uiCommon}/source/js`)],
            use: ['script-loader']
        },
  • Вопрос задан
  • 102 просмотра
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • OTUS
    JavaScript Developer. Basic
    6 месяцев
    Далее
  • Яндекс Практикум
    Фулстек-разработчик расширенный
    20 месяцев
    Далее
  • GB (GeekBrains)
    Профессия Фронтенд-разработчик
    9 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы