node环境中knockoutjs组件引入外部文件

刚学习knockoutjs,这几天一直在琢磨knockout组件的问题,奈何官网都是英文,花费的时间就多了一些,而且也一直没找到合适的方向。因为我想弄一个外部引入template和viewmodel文件的组件,刚开始看到官网上写fromurl什么的,我也跟着写,虽然可以引入模板但是使用这个的时候每次都需要另外好几十行代码,我感觉得更精简一些;

再补充一点,官网上引入外部文件自定义代码中有使用到jquery,然后在webpack引入了插件也一直不行,就是不能用$,在入口文件中可以使用但是在非入口就不行了,在入口文件中写window.$ = $;其他文件也可以正常使用jquery了。

因为我觉得自定义代码引入文件有点麻烦,然后我看到官网上有介绍使用requirejs加载的,最后就决定使用requireJS来加载外部文件。例子主要是官网的

ko.components.register('like-widget', {
            viewModel: { require: 'bb' },
            template: { require: 'text!abc.html' }

        });
有一个问题我也不知道为什么,如果在页面内引用了require就不能在import中打包knockout了,否则会有错误,尽量不要到import中打包,require打包也会出错。入口文件我只处理了jquery。

具体源码可以看https://github.com/MonicaTanglu/knockout      有几个文件是没有用的,还有几行代码,只是测试,不影响阅读。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值