第2章{ 2-11 kissy的調試模式 }

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>