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']
        },
  • Вопрос задан
  • 101 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

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