Как загрузить загрузочный лоток с помощью npm?

У меня есть проект npm, который использует jquery.

var $ = require('jquery');

У меня также есть индексный html файл, который ссылается на загрузочный файл.

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet"/>

<script type="text/javascript" src="my-script.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>

Теперь мне нужна отдельная загрузка jquery для начальной загрузки, поскольку это зависит от нее? Недавно я использовал jqueryify вместо jquery, и мне не нужна отдельная загрузка.

Может ли кто-нибудь рекомендовать шаблон загрузки для загрузки с использованием с требованием?

Ответ 1

Bootstrap теперь поддерживает пакет node для загрузочных парней.

https://www.npmjs.org/package/bootstrap

Что это значит, теперь вы можете потребовать загрузку в коде. Так.

npm install bootstrap --save

npm install jquery --save

foo.js

var $ = require('jquery');
window.$ = $;
require('bootstrap');

Ответ 2

Если у вас есть проблемы с использованием require('jquery'), есть более простой способ сделать это. Просто переадресовывайте node папки модулей (без использования require()).

app.use('/js', express.static(__dirname + '/node_modules/bootstrap/dist/js')); // redirect bootstrap JS
app.use('/js', express.static(__dirname + '/node_modules/jquery/dist')); // redirect JS jQuery
app.use('/css', express.static(__dirname + '/node_modules/bootstrap/dist/css')); // redirect CSS bootstrap

И по вашим представлениям просто используйте просто:

<link href="/css/bootstrap.min.css" rel="stylesheet">
<script src="/js/jquery.js"></script>
<script src="/js/bootstrap.min.js"></script>

Ответ 3

Вы можете попробовать назначить его глобальному свойству jquery.

global.jQuery = require('jquery');

Ответ 4

yarn add bootstrap-sass
yarn add jquery

Для стиля я использую gulp sass, который должен включать в себя Paths for bootstrap

@import "bootstrap-sprockets";
@import "bootstrap";

var sass = require('gulp-sass');

pipe(sass({includePaths: ['node_modules/bootstrap-sass/assets/stylesheets']}).on('error', sass.logError))

Для JavaScript я назначаю jquery для window.jQuery в качестве загрузочного файла:

window.jQuery = require('jquery');
require('bootstrap-sass');