superfans-fe
v1.0.0
Published
超级粉丝通工程(webpack版本)
Downloads
2
Readme
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()