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">
<!-- 引入seed -->
<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>