在magento的自定义模块中添加了自定义js

时间:2016-10-21 09:20:34

标签: magento-2.0

我创建了一个模块。在这个自定义的js文件中添加了requirejs-config.js,但是为了加载js文件,我需要在phtml上写下以下几行,

<script type="text/javascript">
require(['jquery','customjs']});</script>

如果我不添加以上行,则js不添加。可以告诉一些正确的方法或者我做错了。 需要在(Namespace \ Modulename \ view \ frontend)

添加js代码
define([
    'jquery',
    'underscore',
    'mage/template',
    ], function (
        $,
        _,
        template
    ) {

        //custom code
});

1 个答案:

答案 0 :(得分:0)

是的,这是正确的方法。因为你已经创建了custom.js。所以你需要在requirejs-config.js中调用custom.js

但是现在当你想使用这个实际的js函数和属性时,你需要传递下面的代码

<script type="text/javascript">
require(['jquery','customjs']});</script>

实际上,加载 customjs 意味着它需要jquery,所以首先加载jquery然后加载你的customjs然后你可以传递参数。

require([ 'jquery', 'customjs'], function(){
        alert("test");
     });

因此,当您在模板中添加此警告框时会提示

Jfyi - 在您的 requirejs-config.js 中,您需要编写如下代码,您不需要根据需要编写js文件的扩展名.js js自动渲染。最后将js文件放在模块中的 web / js 文件夹中

var config = {
    "map": {
        "*": {
            "customjs": "Vendor_Modulename/js/custom"
        }
    }
};