koc-loader用于 webpack 的 Knockout 组件加载器
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
评论
dynamic-replace-loaderWebpack 加载器
dynamic-replace-loader 为一个Webpack Loader,用于对js文件内指定内容进行匹配替换。典型的使用场景:一个类中的私有属性,我们希望打包后可以动态随机地更换为其他名称例
dynamic-replace-loaderWebpack 加载器
0
dynamic-replace-loaderWebpack 加载器
dynamic-replace-loader 为一个 Webpack Loader,用于对 js 文
dynamic-replace-loaderWebpack 加载器
0
Webpack模块打包器
Webpack是一个模块打包器,主要目的是在浏览器上打包JavaScript文件。TL;DR捆绑 ES模块、CommonJS 和 AMD 模块(以及绑定)。可以创建在运行时异步加载的单个捆绑包或多个块
Webpack模块打包器
0
FuseBoxJS 打包/模块的加载器
FuseBox是一个打包、模块的加载器,用来合并包括webpack、JSPM和SystemJS的强大功能。示例代码://npm install typescript fuse-box --save-d
FuseBoxJS 打包/模块的加载器
0
script.js异步的 JavaScript 加载器
script.js 是一个异步的 JavaScript 加载器和依赖管理器。支持的浏览器包括: IE
script.js异步的 JavaScript 加载器
0