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

来源:互联网 发布:php用ajaxs上传图片 编辑:程序博客网 时间:2024/05/21 13:57

刚学习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      有几个文件是没有用的,还有几行代码,只是测试,不影响阅读。

原创粉丝点击