如何在Sails.js中使用导入传单？

Question

超级基本问题：我想在Sails.js项目中安装和使用Leaflet模块。首先，我使用npm i leaflet --save安装它。这样可以成功更新package.json文件中的依赖项列表。

要使用它，我在页面脚本内编写以下代码：

mounted: async function() {
  //…
  console.log('hello world!!!!');
  var leaflet = require("leaflet");
},

Sails.js抱怨：未被捕获（在承诺中）ReferenceError：未定义require。

为什么？如果我需要先创建一个钩子，它需要包含什么？

Answer 1

您不需要任何东西，一旦您安装了npm，只需在标题中添加leaflet.js，leaflet.markercluster.js和leaflet.css就可以了。

您可以从他们的站点使用init映射的简短示例，它将起作用。

Answer 2

通过软件包管理器npm安装的模块将在服务器端的东西（控制器，动作等）中使用，而不是在浏览器中使用。

[您可以使用Browserify或Webpack之类的解决方案，但在这种情况下，最好下载Leaflet from the website并将文件夹添加到资产/依赖项下。

最后，您可以将JavaScript Leaflet文件导入layout.ejs（在views / layouts文件夹内：]

<% /* Auto-injected «script» tags: */ %>
<!--SCRIPTS-->
// ...
<script src="/dependencies/leaflet/leaflet.css"></script>

对于CSS：

<% /* Auto-injected «link» tags: */ %>
<!--STYLES-->
// ...
<link rel="stylesheet" href="/dependencies/leaflet/leaflet.css">

我想这是最好的方法，因为Sails.js入门模板以相同的方式导入Boostrap 4。