Как импортировать компоненты башни в проект npm, webpack?

Question

Я создал базовый проект webpack/babel/mocha для игры. Теперь я установил JQuery и Paper.js к моему проекту с Бауэром, но я хочу, чтобы они были в комплекте с WebPack на npm start, я не хочу, чтобы написать дополнительные <script> теги и т.д.

Я просто хочу, чтобы использовать их в качестве import $ jQuery from 'jquery' , Но теперь моя установка ищет пакет jquery в npm_modules. Как я могу сказать npm искать их в папке bower_components?

Это логичное решение? Или я должен установить это любым другим способом?

Answer 1

Лично я обычно рекомендую устанавливать все через NPM. В наши дни большинство зависимостей frontend. Однако на странице Paper.js NPM он говорит, что они рекомендуют использовать Bower для загрузки версии браузера библиотеки (возможно, в пакете NPM есть какой-то определенный код для узла? Я не уверен).

Чтобы получить Webpack работы с пакетами Бауэра, вы можете установить пользовательское имя/путь с помощью config.resolve.alias:

var path = require("path"); 

var config = { 
    ... 
    resolve: { 
     alias: { 
      "jquery": path.resolve(__dirname, "path/to/bower/file"), 
      "paper": path.resolve(__dirname, "path/to/bower/file") 
     } 
    } 
    ... 
} 

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