https://github.com/zhipenglin/webapp

多页面，基于jquery的移动端工程化示例
https://github.com/zhipenglin/webapp

Last synced: 9 months ago
JSON representation

多页面，基于jquery的移动端工程化示例

• Host: GitHub
• URL: https://github.com/zhipenglin/webapp
• Owner: zhipenglin
• License: mit
• Created: 2016-08-01T02:54:35.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2016-08-01T07:47:31.000Z (almost 10 years ago)
• Last Synced: 2024-04-18T09:20:59.260Z (about 2 years ago)
• Language: JavaScript
• Size: 11.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
#使用前须知

1.首先执行npm i，安装项目依赖

2.配置build/var里的 VISION_WIDTH参数，使其大小等于设计稿大小，本项目使用了px2rem，会根据配置的参数，将原始样式中的px按照规则替换成rem实现自适应

###原样式

```

.selector {

  width: 150px;

  height: 64px; /*px*/

  font-size: 28px; /*px*/

  border: 1px solid #ddd; /*no*/

}

```

###插件替换后样式

```

.selector {

  width: 2rem;

  border: 1px solid #ddd;

}

[data-dpr="1"] .selector {

  height: 32px;

  font-size: 14px;

}

[data-dpr="2"] .selector {

  height: 64px;

  font-size: 28px;

}

[data-dpr="3"] .selector {

  height: 96px;

  font-size: 42px;

}

```

3.src为源码目录，请尽量按照各自模块进行编码，每个模块自己管理对应的样式和图片文件，在入口文件index.js中引用

4.执行npm run dev进入开发模式，文件名中不添加md5，修改文件后会自动编译，代码不压缩，生成内嵌的source-map

执行npm run build进行发布，文件名中添加md5,代码压缩，去除内嵌的source-map,生成manifest.json的文件映射

5.样式采用less开发，javascript采用ECMASCRIPT 2015的stage-3开发