legao-mobile-backbone

    0.0.1 • Public • Published

    准备

    开始

    • 下载最新ZIP安装包。解压之后,修改代码库的名称为你自己的项目名称。
    • 安装项目依赖库 tnpm install
    • 启动项目 npm start。打开 http://localhost:8080 即可访问。

    技术架构

    tech

    Mock数据

    • Url后面加上isLocalBrowser=true,即可开启本地数据Mock,如http://localhost:8080?isLocalBrowser=true

    构建打包

    npm run build
    

    进行Webpck编译,图片压缩、上传图片和相对地址替换。

    新建页面

    npm run add [Page]
    

    src目录下会新建一个view:src/views/Page/Page.htmlsrc/views/Page/Page.jssrc/views/Page/Page.scss

    Weinre调试

    npm run weinre
    

    自动往html里注入weinre脚本,无需手动引入。

    配置

    tools/config.js可以进行一些配置

    module.exports = {
      root: 'build',            // 静态资源根目录
      // Rem配置
      px2rem: {
        remUnit: 75,            // rem根值,视觉稿宽度/10
        remPrecision: 5,        // rem小数点精度
        autoRem: true           // 是否全部转Rem
      },
      port: 8080,               // 本地服务器端口
      imagemin: true,           // 是否开启图片压缩
      noRecord: false           // 是否记录图片压缩信息
    };
    

    其他

    • 编译后的文件存放在build目录下,包括html,html里不需要手动引入页面js和css,编译会自动引入。
    • 默认视觉稿宽度为750,所以rem的rootValue为75,如为其他宽度,修改tools/config.jsremUnit的值(视觉稿宽度/10)。

    Keywords

    none

    Install

    npm i legao-mobile-backbone

    DownloadsWeekly Downloads

    1

    Version

    0.0.1

    License

    none

    Last publish

    Collaborators

    • guobiao.xgb