Как заставить Modernizr работать с Webpack 4 - PullRequest
Новая
       13

Как заставить Modernizr работать с Webpack 4

0 голосов
/ 24 мая 2018

На моем компьютере с Windows 10 я использую Git Bash, и у меня есть успешное npm start Webpack, связывающее несколько файлов CSS и JavaScript для пользовательского веб-проекта.Но я изо всех сил пытаюсь заставить Modernizr работать с Webpack 4.8.3.У кого-нибудь есть истории успеха в этой конкретной реализации?Нужны любые указания.Я пробовал 3 разных пакета npm, чтобы модернизировать интегрированный и затем работать, но не повезло с последним.

Большое спасибо за примеры шагов и / или инструкции.

Ответы [ 2 ]

0 голосов
/ 23 ноября 2018

Я немного опоздал на вечеринку, но решил, что выложу свое решение без ответа Клевиса, используя webpack 4.23.1.Потерпи меня, так как это мой первый ответ о переполнении стека ?.

После создания файла сборки Modernizr и добавления его в мой каталог /src вместо использования плагина HTML Webpack я установил другую точку входа для веб-пакета , например, так ... 

 entry: {
  bundle: './app/src/scripts/main.js',
  modernizr: './app/src/scripts/lib/modernizr_custom.js'
},

Затем изменил имя выходного файла на filename: '[name].js', и тогда созданный файл будет с моим bundle.js как modernizr.js.

Теперь этот файл можно подключить к моим шаблонам: <script src="/scripts/bundle.js"></script>

Надеюсь, что это решение может помочь кому-то еще!

0 голосов
/ 25 мая 2018

Похоже, что HTML Webpack Plugin может помочь с подключением Modernizr (естественно, с плагином, но у меня это не сработало).Мне потребовалось некоторое время, чтобы выяснить альтернативный подход, но вот что я сделал и, вероятно, сделаю, двигаясь вперед для разработки сборок ...

  • Установленный Webpack 4.8.3 вместе с HTML Webpack Plugin , все через npm.
  • Построен мой Modernizr js Сборка файла
  • Загрузил файл в мой Webpack /src directory

  • Зашел в мой файл weback.config.js и сказал моему плагину HTML Webpack добавить мой файл Modernizr.js примерно так ... 

        new HTMLWebpackPlugin({
        template: 'src/index.html',
        links: [
            'modernizr.js'
          ]
    }),

  • Затем добавил необходимый хук в мой шаблон index.html примерно так ...

<head> <script src="<%= htmlWebpackPlugin.options.links[0] %>"></script> </head>

  • Наконец, запустил npm start

и теперь Modernizr работает над моим веб-проектом и внедряет классы в мой элемент <head>.2 простых шага, как только вы установили все нужные зависимости и конфигурации.

Надеюсь, это поможет другим.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...