Question

所以我有这个代码，使用jQuery ...

require("./locations.js");
$( document ).ready(function() {
    console.log("Adding locations..");
        $.each(locations, function(key,loc) {
          if (loc.popular == 1) $(".popular-list").append("<a href='#'><li class='loc'>Hello</li></a>");
        });

        $.ajax({
            url : "changelog.txt",
            dataType: "text",
            success : function (data) {
                $(".the-log").html(data);
            }
        });

    });

和locations.js包含：

var locations = [
{ name: "Varrocka", lng: 22.5, lat: -15.52249812756166, popular: 1 },
{ name: 'Lumbridge', lng: -43.644025847699496, lat: 25.9661865234375, popular: 1 },
{ name: "Monastery", lng: -4.0924072265625, lat: -5.714379819235291 },
{ name: "Edgeville", lng: 2.4884033203125, lat: -6.0094592380595495, popular: 1 },
{ name: "Varrock Palace", lng: 22.412109375, lat: -6.882800241767556 },
{ name: "Digsite", lng: 46.043701171875, lat: -17.266727823520508 }
];

但是，在上面第一个代码块的$.each行上，会出现此错误：

Uncaught ReferenceError: locations is not defined

现在，我以为我只是把它搞砸了......这是我的webpack.config.js

module.exports = {
    entry: "./src/js/main.js",
    output: {
        path: __dirname,
        filename: "bundle.js"
    }
};

且bundle.js和locations.js与js/bundle.js和js/locations.js分别存储在同一目录中。

我做错了什么？

Answer 1

您需要从locations.js导出某些内容，例如

module.exports = [
    { name: "Varrocka", lng: 22.5, lat: -15.52249812756166, popular: 1 },
    ...
];

然后将其用作

var locations = require("./locations.js");;

Webpack要求不起作用

1 个答案: