先看看要做的事
1.自己写的或第三方JS文件
如下位置下添加自己的文件:
<Vendor>/<Module_Name>/view/<area>/web/js/
例:<Vendor>/<Module_Name>/view/<area>/web/js/my.js
2.配置文件
添加requirejs-config.js文件,用于配置引用
添加到
<Vendor>/<Module_Name>/view/<area>/
例:<Vendor>/<Module_Name>/view/<frontend>/requirejs-config.js
var config = {
map: {
'*': {
myjs: 'VendorName_ModuleName/js/my'
}
}
};
这里myjs为后面requirejs调用
3.修改phtml模板
然后就可以这样调用了
require(['jquery','myjs'],function($){
//myjs functions
}
4.目录结构
借用别人的图