第2章{ 2-11 kissy的调试模式 }

最新推荐文章于 2024-05-06 18:26:11 发布

黑哒哒的盟友

最新推荐文章于 2024-05-06 18:26:11 发布

阅读量531

点赞数

分类专栏：淘宝前端javascript框架 Kissy 基础使用文章标签： javascript kissy 框架

淘宝前端javascript框架 Kissy 基础使用专栏收录该内容

14 篇文章 0 订阅

订阅专栏

kissy的调试模式

<script src="//g.alicdn.com/kissy/k/1.4.8/seed-min.js" charset="utf-8"></script>

当引入seed-min.js时，kissy所有加载的模块文件都会加上-min.js、-min.css后缀，即压缩后的文件，比如http://demo.apebook.org/bee-demo/build/index-min.js。而当引入seed.js时，kissy就会加载源码模块文件 .js、.css文件，比如http://demo.apebook.org/bee-demo/build/index.js。

引入seed.js，相当于开启全局debug配置，等价于：KISSY.config('debug',true)。

如果只想要开启一个包的debug模式，可以如下配置：

KISSY.config({
    packages: [
        {
            name: 'bee-demo',
            base: 'http://apebook.org/bee-demo/build',
            ignorePackageNameInUri: true,
            debug: true
        }
    ]}
);

根据debug配置来配置包路径

我们可以根据KISSY.config('debug');的值来覆盖包，达到临时调试的目的,同时又不影响线上代码。

KISSY.config({
    packages: [
        {
            name: 'bee-demo',
            base: 'http://apebook.org/bee-demo/build/',
            ignorePackageNameInUri: true
        }
    ]}
);

if(KISSY.config('debug')){
    KISSY.config({
        packages: [
            {
                name: 'bee-demo',
                base: '../build',
                ignorePackageNameInUri: true,
                combine:false
            }
        ]}
    );
}

<!DOCTYPE html>
<html>
<head>
<title>daily阶段demo</title>
<meta charset="UTF-8">

<script src="http://g.tbcdn.cn/kissy/k/1.4.8/??seed-min.js,import-style-min.js" data-config="{combine:false}"></script>


<script>
KISSY.config({
packages: [
{
name: 'bee-demo',
base: 'http://demo.apebook.org/bee-demo/build/',
ignorePackageNameInUri: true
}
]}
);

if(KISSY.config('debug')){
KISSY.config({
packages: [
{
name: 'bee-demo',
base: '../build',
ignorePackageNameInUri: true,
combine:false
}
]}
);
}
</script>


<script>
KISSY.importStyle('bee-demo/index.css');
</script>
</head>
<body>

<header></header>

<article></article>


<script>
KISSY.use('bee-demo/index');
</script>

</body>
</html>

黑哒哒的盟友

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第2章{ 2-11 kissy的调试模式 }

kissy的调试模式当引入seed-min.js时，kissy所有加载的模块文件都会加上-min.js、-min.css后缀，即压缩后的文件，比如http://demo.apebook.org/bee-demo/build/index-min.js。而当引入seed.js时，kissy就会加载源码模块文件 .js、.css文件，比如http://demo.apeboo
复制链接

扫一扫