Question

我尝试使用module.exports将我的jQuery文件导出为模块，因此可以使用以下方法调用它：

var saveLocation = require('saveLocation');

尝试过：module.exports = jQuery（function saveLocation（）{...

如何导出此代码。

N.B。为了简化问题，我删除了一些功能代码。

这是我的代码：

'use strict';

jQuery(function saveLocation(){

    var saveLocationContainer = jQuery('.save-container'),
    favoriteIcon = saveLocationContainer.find('.glyphicon'),
    favoriteLocationsListGroup = jQuery('.list-group');

    var hasFavoriteLocations = false;

    // The following function outputs the specific address info based on location

    function showLocationByAddress(e) {
        e.preventDefault();
    }
};

Answer 1

var module = require('./relative/path/to/file');

您需要提供文件的相对路径以及要导入的模块，因此您可能需要以下内容：

var whatEver = require('./saveLocation');

假设 saveLocation 是具有导出功能的文件，并且与您尝试导入模块的文件位于同一目录中。

如果您使用的是ES6，可以执行以下操作：

export default function(){...};

import someFunction from './path/to/module';

Answer 2

module.exports与import（而不是require）配对。首先从jQuery文件中导出函数。

var saveLocation;
(function($) {
   saveLocation = {
    ... [jquery]...
  };
})(jQuery);

module.exports = { saveLocation }

然后您可以导入它：

import { saveLocation } from './my-plugin-file';

如果您想改用require，则此线程可能会有所帮助： how to use require function in js

将jQuery函数导出为模块

2 个答案: