У меня есть проект 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, и мне не нужна отдельная загрузка.
Может ли кто-нибудь рекомендовать шаблон загрузки для загрузки с использованием с требованием?
Bootstrap теперь поддерживает пакет node для загрузочных парней.
https://www.npmjs.org/package/bootstrap
Что это значит, теперь вы можете потребовать загрузку в коде. Так.
npm install bootstrap --save
npm install jquery --save
foo.js
var $ = require('jquery');
window.$ = $;
require('bootstrap');
Если у вас есть проблемы с использованием 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>
Вы можете попробовать назначить его глобальному свойству jquery.
global.jQuery = require('jquery');
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');