koc-loader

用于 webpack 的 Knockout 组件加载器
授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 国产
投 递 者 赏弘
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

koc-loader 是一个 webpack loader,可以使用类似 Vue 单文件组件的风格来编写和使用 Knockout 组件。

代码上基于 vue-loader、san-loader 进行编写,支持各种其他 loader 组件的搭配使用。

使用 yarn 或 npm 安装

yarn add koc-loader -D

webpack配置示例(这里使用了ts)

{
    resolve: {
        extensions: ['.ts', '.js', '.koc']
    },
    module: {
        rules: [
            {
                test: /\.ts$/,
                loader: 'ts-loader',
                exclude: /node_modules/,
                options: {
                    appendTsSuffixTo: [/\.koc$/]
                }
            },
            {
                test: /\.koc$/,
                loader: 'koc-loader'
            }
        ]
}

example.koc

<template>
    <div>
        <div data-bind="text: info"></div>
        <menu></menu>
    </div>
</template>

<script lang="ts">
import ko from 'knockout';
import Menu from "./src/component/menu/menu.koc"; //加载其他ko组件

ko.components.register('menu', Menu);

export default class viewModel {
  info: KnockoutObservable<string>;

  constructor(params: any) {
    this.info = ko.observable("hello koc-loader");
  }
}
</script>

更详细的使用信息,可以查看:https://my.oschina.net/zaaksam/blog/1574629

  • koc-loader 详细介绍 koc-loader 是一个 webpack loader,可以使用类似 Vue 单文件组件的风格来编写和使用 Knockout 组件。 代码上基于 vue-loader、san-loader 进行编写,支持各种其他 loader 组件的搭配使用。 使用 yarn 或 npm 安装 yarn add koc-loader -D webpack配置示例(这里使用了ts

  • 前言 在前端界MVVM框架高速发展中,各种工具链的完善和普及,作为MVVM鼻祖的Knockout(下称ko)在这波浪潮中却掉队了。其中,以国内优秀MVVM框架Vue为例,带来了单文件组件的新一波666操作,写起组件来爽快感爆棚。而受限于万恶的IE浏览器问题,我们并不能使用Vue来打造一切。那么,有没有办法像Vue单文件组件一样来写ko的组件呢?找了一圈,没有。本着开源分享精神,在基于vue-loa

 相关资料
  • 我无法在React组件中显示图像。经过多次尝试(尝试了这个,这个,这个,这个,这个,这个和这个)和错误之后,我请求帮助。我正在开发构建(不是生产构建)。 我仍然得到这个错误: 组成部分 网页包配置: 目录结构 如何显示图像? 这里的示例代码: githublink查看 /src/components/home/HomePage.js 我可以做些什么来查看主页上的图像?

  • 用于实现加载器的基类。 构造函数 Loader( manager : LoadingManager ) manager — 加载器将要使用的 loadingManager。默认为 THREE.DefaultLoadingManager。 创建一个新的Loader。 属性 .crossOrigin : String crossOrigin 字符串用于实现 CORS ,以从允许 CORS 的其他域加载

  • django-webpack-loader Read http://owaislone.org/blog/webpack-plus-reactjs-and-django/ for a detailed step by step guide on setting up webpack with django using this library. Use webpack to generate yo

  • 本文向大家介绍vue+webpack实现异步组件加载的方法,包括了vue+webpack实现异步组件加载的方法的使用技巧和注意事项,需要的朋友参考一下 8.9更新:之前想搬迁到csdn的时候由于邀请码问题迟迟没把博客转过来,所以跑去博客园了,今天发现csdn已经帮我把文章搬过来,有必要修正一下这篇文章。 写这篇文章的时候因为刚接触vue,所以捣鼓的时候有些迷糊。 ----------------/

  • 下面是我的整个: 将感谢帮助调试这个。

  • 我是新来的WebPack和意外的错误捆绑json数据。我试图使用json-loader来捆绑json,但在那里得到了同样的错误。 ./src/index.js webpack.config.js B.法律改革委员会 //一些虚假的评论“看起来你的文章大部分是代码。。。东西“//一些要破解的虚拟评论”看起来你的帖子大部分都是代码。。。事情 package.json 更新: 在'webpack.con