如何导入popper.js？ （不带CDN，与NPM一起安装）

Question

我知道还有其他类似的问题，例如one。但是我的是完全不同的。

我想知道如何使用import指令导入Popper.js。到目前为止，我已经在我的app.js上使用了此功能（但目前尚无法使用）

import * as popper from 'popper.js'
window.popper = popper

但是我必须使用popper.处理在互联网上找到的每个示例。而且，include包括两行，而传统书写window.popper = require('popper.js')仅占一行。

导入Popper.js和其他类似JS库的正确方法是什么？

Answer 1

在bootstrap 4中，您需要为工具提示添加popper js，我也不明白为什么bootstrap 4包含外部popper.js，这意味着在升级到最新版本时，bootstrap使变得更加复杂而不是容易。

您可以在对angular或简单html进行引导之前导入popper js，Angular导入将像这样

npm install popper.js --save

然后转到.angular-cli.json并按如下所示更改顺序。

"scripts": [
        "../node_modules/jquery/dist/jquery.slim.min.js",
        "../node_modules/tether/dist/js/tether.min.js", 
        "../node_modules/popper.js/dist/umd/popper.js",              
        "../node_modules/bootstrap/dist/js/bootstrap.min.js"
      ],