Jquery 在Magento 2中使用GetBootstrap

假设我想在magento 2.2.2框架内使用javascript

我做了以下工作： 1.下载了最新版本的bootstrap和popper（dependency），我的

requirejs config.js

如下所示

var config = {
deps: [
    'js/popper.min',
    'js/bootstrap'
],
shim: {
    'js/bootstrap': {
// These script dependencies should be loaded before loading 'jquery/slick'
        deps: ['jquery', 'js/bootstrap']
    }
}

<script type="text/javascript">
require(['jquery', 'js/bootstrap'], function($) {console.log('Ahem1')})
require(['js/bootstrap'], function($) {console.log('Ahem2')})
require(['jquery', 'js/bootstrap'], function($) {
    $('.alert.alert-success').alert();
    $('.alert.alert-success').on('closed.bs.alert', function () {
        console.log('i am closed');
    })
})

})

引导程序v4.1.1

文件已成功部署，但首先要考虑的是，引导在默认情况下不会将javascript应用于其元素，例如，来自引导页面的示例

<div class="container">
<h2>Alerts</h2>
<p>The button with class="close" and data-dismiss="alert" is used to close the alert box.</p>
<p>The alert-dismissible class adds some extra padding to the close button.</p>
<div class="alert alert-success">
    <button type="button" class="close" data-dismiss="alert">×</button>
    <strong>Success!</strong> This alert box could indicate a successful or positive action.
</div>

警报
带有class=“close”和data disclose=“alert”的按钮用于关闭警报框

alert dismissible类为close按钮添加了一些额外的填充

×
成功此警报框可能表示成功或积极的行动。

我发现它没有正确地初始化，所以当我尝试以下任何一项时

var config = {
deps: [
    'js/popper.min',
    'js/bootstrap'
],
shim: {
    'js/bootstrap': {
// These script dependencies should be loaded before loading 'jquery/slick'
        deps: ['jquery', 'js/bootstrap']
    }
}

<script type="text/javascript">
require(['jquery', 'js/bootstrap'], function($) {console.log('Ahem1')})
require(['js/bootstrap'], function($) {console.log('Ahem2')})
require(['jquery', 'js/bootstrap'], function($) {
    $('.alert.alert-success').alert();
    $('.alert.alert-success').on('closed.bs.alert', function () {
        console.log('i am closed');
    })
})

require（['jquery'，'js/bootstrap']，函数（$）{console.log（'Ahem1'）}）
require（['js/bootstrap']，函数（$）{console.log（'Ahem2'）}）
需要（['jquery'，'js/bootstrap']，函数（$）{
$（'.alert.alert success'）.alert（）；
$（'.alert.alert success'）。on（'closed.bs.alert'，function（）{
console.log（“我已关闭”）；
})
})

没有控制台日志工作，当我尝试执行

require（['jquery'，js/popper'，js/bootstrap']

时，它也不工作，但当我执行

require（['jquery'，js/popper']

时，我可以看到控制台日志工作

之前有人测试过吗？

---

对不起，我的格式不好，这是我的第一个问题。

我想我是magento2的新手，也许有人会发现它很有用，所以这里是：

requiresjs config.js

var config = {
    deps: [
        'js/popper.min',
        'js/bootstrap',
    ],
    shim: {
        'js/bootstrap': {
    // These script dependencies should be loaded before loading 'jquery/slick'
            deps: ['jquery', 'js/popper.min']
        }
    }
};

然后更新bootstrap.js中的路径，其中要求或定义popper使用

popper.min