Skip to content

Commit c894b34

Browse files
author
yangfan36
committed
init
0 parents  commit c894b34

22 files changed

+11483
-0
lines changed

‎.gitignore

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
# See https://help.github.com/ignore-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
/idea
6+
/dist
7+
/es
8+
/lib
9+
10+
# misc
11+
.idea
12+
.vscode
13+
.DS_Store
14+
15+
16+
npm-debug.log*
17+
yarn-debug.log*
18+
yarn-error.log*

‎ProductList/.editorconfig

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
# http://editorconfig.org
2+
root = true
3+
4+
[*]
5+
indent_style = space
6+
indent_size = 2
7+
charset = utf-8
8+
trim_trailing_whitespace = true
9+
insert_final_newline = true
10+
11+
[*.md]
12+
trim_trailing_whitespace = false

‎ProductList/.eslintrc

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{
2+
"extends": ["taro/react"],
3+
"rules": {
4+
"react/jsx-uses-react": "off",
5+
"react/react-in-jsx-scope": "off"
6+
}
7+
}

‎ProductList/.gitignore

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
dist/
2+
deploy_versions/
3+
.temp/
4+
.rn_temp/
5+
node_modules/
6+
.DS_Store

‎ProductList/README.md

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
# taro 商品列表的图片懒加载
2+
3+
具体的代码实现放在了src/pages/index/index.jsx、只是针对我当前遇到的问的伪代码。
4+
如果在项目中使用 请多加留意实现的方式是否合乎业务需求。
5+
6+
安装命令
7+
8+
```javascript
9+
yarn
10+
11+
yarn dev:weapp

‎ProductList/babel.config.js

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
// babel-preset-taro 更多选项和默认值：
2+
// https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
3+
module.exports = {
4+
presets: [
5+
['taro', {
6+
framework: 'react',
7+
ts: false
8+
}]
9+
]
10+
}

‎ProductList/config/dev.js

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
module.exports = {
2+
env: {
3+
NODE_ENV: '"development"'
4+
},
5+
defineConstants: {
6+
},
7+
mini: {},
8+
h5: {}
9+
}

‎ProductList/config/index.js

+70
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
const config = {
2+
projectName: 'ProductList',
3+
date: '2021-9-15',
4+
designWidth: 750,
5+
deviceRatio: {
6+
640: 2.34 / 2,
7+
750: 1,
8+
828: 1.81 / 2
9+
},
10+
sourceRoot: 'src',
11+
outputRoot: 'dist',
12+
plugins: [],
13+
defineConstants: {
14+
},
15+
copy: {
16+
patterns: [
17+
],
18+
options: {
19+
}
20+
},
21+
framework: 'react',
22+
mini: {
23+
postcss: {
24+
pxtransform: {
25+
enable: true,
26+
config: {
27+
28+
}
29+
},
30+
url: {
31+
enable: true,
32+
config: {
33+
limit: 1024 // 设定转换尺寸上限
34+
}
35+
},
36+
cssModules: {
37+
enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
38+
config: {
39+
namingPattern: 'module', // 转换模式，取值为 global/module
40+
generateScopedName: '[name]__[local]___[hash:base64:5]'
41+
}
42+
}
43+
}
44+
},
45+
h5: {
46+
publicPath: '/',
47+
staticDirectory: 'static',
48+
postcss: {
49+
autoprefixer: {
50+
enable: true,
51+
config: {
52+
}
53+
},
54+
cssModules: {
55+
enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
56+
config: {
57+
namingPattern: 'module', // 转换模式，取值为 global/module
58+
generateScopedName: '[name]__[local]___[hash:base64:5]'
59+
}
60+
}
61+
}
62+
}
63+
}
64+
65+
module.exports = function (merge) {
66+
if (process.env.NODE_ENV === 'development') {
67+
return merge({}, config, require('./dev'))
68+
}
69+
return merge({}, config, require('./prod'))
70+
}

‎ProductList/config/prod.js

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
module.exports = {
2+
env: {
3+
NODE_ENV: '"production"'
4+
},
5+
defineConstants: {
6+
},
7+
mini: {},
8+
h5: {
9+
/**
10+
* 如果h5端编译后体积过大，可以使用webpack-bundle-analyzer插件对打包体积进行分析。
11+
* 参考代码如下：
12+
* webpackChain (chain) {
13+
* chain.plugin('analyzer')
14+
* .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin, [])
15+
* }
16+
*/
17+
}
18+
}

‎ProductList/package.json

+62
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
{
2+
"name": "ProductList",
3+
"version": "1.0.0",
4+
"private": true,
5+
"description": "商品列表的图片懒加载",
6+
"templateInfo": {
7+
"name": "default",
8+
"typescript": false,
9+
"css": "less"
10+
},
11+
"scripts": {
12+
"build:weapp": "taro build --type weapp",
13+
"build:swan": "taro build --type swan",
14+
"build:alipay": "taro build --type alipay",
15+
"build:tt": "taro build --type tt",
16+
"build:h5": "taro build --type h5",
17+
"build:rn": "taro build --type rn",
18+
"build:qq": "taro build --type qq",
19+
"build:jd": "taro build --type jd",
20+
"build:quickapp": "taro build --type quickapp",
21+
"dev:weapp": "npm run build:weapp -- --watch",
22+
"dev:swan": "npm run build:swan -- --watch",
23+
"dev:alipay": "npm run build:alipay -- --watch",
24+
"dev:tt": "npm run build:tt -- --watch",
25+
"dev:h5": "npm run build:h5 -- --watch",
26+
"dev:rn": "npm run build:rn -- --watch",
27+
"dev:qq": "npm run build:qq -- --watch",
28+
"dev:jd": "npm run build:jd -- --watch",
29+
"dev:quickapp": "npm run build:quickapp -- --watch"
30+
},
31+
"browserslist": [
32+
"last 3 versions",
33+
"Android >= 4.1",
34+
"ios >= 8"
35+
],
36+
"author": "",
37+
"dependencies": {
38+
"@babel/runtime": "^7.7.7",
39+
"@tarojs/components": "3.2.11",
40+
"@tarojs/react": "3.2.11",
41+
"@tarojs/runtime": "3.2.11",
42+
"@tarojs/taro": "3.2.11",
43+
"lodash": "^4.17.21",
44+
"react": "^17.0.0",
45+
"react-dom": "^17.0.0",
46+
"taro-ui": "3.0.0-alpha.1"
47+
},
48+
"devDependencies": {
49+
"@babel/core": "^7.8.0",
50+
"@tarojs/mini-runner": "3.2.11",
51+
"@tarojs/webpack-runner": "3.2.11",
52+
"@types/react": "^17.0.2",
53+
"@types/webpack-env": "^1.13.6",
54+
"babel-preset-taro": "3.2.11",
55+
"eslint": "^6.8.0",
56+
"eslint-config-taro": "3.2.11",
57+
"eslint-plugin-import": "^2.12.0",
58+
"eslint-plugin-react": "^7.8.2",
59+
"eslint-plugin-react-hooks": "^4.2.0",
60+
"stylelint": "9.3.0"
61+
}
62+
}

‎ProductList/project.config.json

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
{
2+
"miniprogramRoot": "./dist",
3+
"projectname": "ProductList",
4+
"description": "商品列表的图片懒加载",
5+
"appid": "touristappid",
6+
"setting": {
7+
"urlCheck": true,
8+
"es6": false,
9+
"postcss": false,
10+
"minified": false
11+
},
12+
"compileType": "miniprogram"
13+
}

‎ProductList/project.tt.json

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
{
2+
"miniprogramRoot": "./",
3+
"projectname": "ProductList",
4+
"appid": "touristappid",
5+
"setting": {
6+
"es6": false,
7+
"minified": false
8+
}
9+
}

‎ProductList/src/app.config.js

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
export default {
2+
pages: [
3+
'pages/index/index'
4+
],
5+
window: {
6+
backgroundTextStyle: 'light',
7+
navigationBarBackgroundColor: '#fff',
8+
navigationBarTitleText: 'WeChat',
9+
navigationBarTextStyle: 'black'
10+
}
11+
}

‎ProductList/src/app.js

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import { Component } from 'react'
2+
import './app.less'
3+
import 'taro-ui/dist/style/index.scss'
4+
5+
class App extends Component {
6+
7+
componentDidMount () {}
8+
9+
componentDidShow () {}
10+
11+
componentDidHide () {}
12+
13+
componentDidCatchError () {}
14+
15+
// this.props.children 是将要会渲染的页面
16+
render () {
17+
return this.props.children
18+
}
19+
}
20+
21+
export default App

‎ProductList/src/app.less

Whitespace-only changes.

‎ProductList/src/index.html

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
5+
<meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
6+
<meta name="apple-mobile-web-app-capable" content="yes">
7+
<meta name="apple-touch-fullscreen" content="yes">
8+
<meta name="format-detection" content="telephone=no,address=no">
9+
<meta name="apple-mobile-web-app-status-bar-style" content="white">
10+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
11+
<title></title>
12+
<script>
13+
!function(x){function w(){var v,u,t,tes,s=x.document,r=s.documentElement,a=r.getBoundingClientRect().width;if(!v&&!u){var n=!!x.navigator.appVersion.match(/AppleWebKit.*Mobile.*/);v=x.devicePixelRatio;tes=x.devicePixelRatio;v=n?v:1,u=1/v}if(a>=640){r.style.fontSize="40px"}else{if(a<=320){r.style.fontSize="20px"}else{r.style.fontSize=a/320*20+"px"}}}x.addEventListener("resize",function(){w()});w()}(window);
14+
</script>
15+
</head>
16+
<body>
17+
<div id="app"></div>
18+
</body>
19+
</html>

‎ProductList/src/pages/index/index.config.js

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
export default {
2+
navigationBarTitleText: '首页'
3+
}

0 commit comments

Comments
 (0)