superfans-fe v1.0.0

npm run build 发布模式－构建工程到目录static目录下 webpack 最基本的启动webpack命令 webpack -w 提供watch方法，实时进行打包更新 webpack -p 对打包后的文件进行压缩 webpack -d 提供SourceMaps，方便调试 webpack --colors 输出结果带彩色，比如：会用红色显示耗时较长的步骤 webpack --profile 输出性能数据，可以看到每一步的耗时 webpack --display-modules 默认情况下 node_modules 下的模块会被隐藏，加上这个参数可以显示这些被隐藏的模块

npm run dev 开发模式－热加载方式

• webpack-dev-server - 在 localhost:8080 建立一个 Web 服务器

• devtool eval - 为你的代码创建源地址。当有任何报错的时候可以让你更加精确地定位到文件和行号

• progress - 显示合并代码进度

• colors - 命令行中显示颜色！

• content-base static - 指向设置的输出目录,static为目录。

• |____css
• | |____stylus
• | | |____modules//css公共模块,或独立模块
• | | | |____appCss.styl
• | |____pages
• | | |____available-weibo.styl//选择已有微博
• | | |____create-weibo.styl//创建新微博
• | | |____data-creative.styl//微博创意数据
• | | |____data-plan.styl//定量广告计划数据
• | | |____data-total.styl//定量广告总数据
• | | |____index-ad.styl//example 演示
• | | |____index-data.styl//example 演示
• | | |____plan-booking.styl//预定设置最新
• | | |____plan-view.styl//预定查看
• | | |____tool-planList.styl//广告计划列表
• |____images//图片资源
• |____mock//测试数据
• |____js
• | |____modules//js公共模块,如对组件的业务调用
• | |____components//js公共组件,如封装的日期的功能
• | | |____component.js
• | | |____plugin.js
• | |____libs//第三方js库，如jquery
• | |____pages
• | | |____available-weibo.js//选择已有微博
• | | |____create-weibo.js//创建新微博
• | | |____data-creative.js//微博创意数据
• | | |____data-plan.js//定量广告计划数据
• | | |____data-total.js//定量广告总数据
• | | |____index-ad.js//example 演示
• | | |____index-data.js//example 演示
• | | |____plan-booking.js//预定设置最新
• | | |____plan-view.js//预定查看
• | | |____tool-planList.js//广告计划列表
• |____views
• | |____jade
• | | |____layouts//html公共基本布局
• | | |____modules//html模块
• | |____pages
• | | |____available-weibo.jade//选择已有微博
• | | |____create-weibo.jade//创建新微博
• | | |____data-creative.jade//微博创意数据
• | | |____data-plan.jade//定量广告计划数据
• | | |____data-total.jade//定量广告总数据
• | | |____index-ad.jade//example 演示
• | | |____index-data.jade//example 演示
• | | |____plan-booking.jade//预定设置最新
• | | |____plan-view.jade//预定查看
• | | |____tool-planList.jade//广告计划列表

console的颜色值 //Foreground color -set text color

//'black' //'red' //'green' //'yellow' //'blue' //'magenta' //'cyan' //'white' //Background color -set text background color

//'blackBG' //'redBG' //'greenBG' //'yellowBG' //'blueBG' //'magentaBG' //'cyanBG' //'whiteBG'

console.warn - will print in yellow console.info - will print in blue console.error - will print in red

mod 的接口介绍 /*创建模块,并参入初始配置

• 创建接口后,模块会以引用的方式存在,在显示dom的html里这会儿是看不到的。
• 只有使用show,才能再显示出来 */ create(opts)

/*更新模块的配置

• 只影响dom内容，但是显示还是遵循之前状态 */ update(opts)

/* 负责显示模块,把模块容器添加到，html的显示列表中 / show()

/* 负责隐藏模块,把模块容器添从html的显示列表中清除 / hide()