init
This commit is contained in:
12
2025-09-14-webpack-demo/.editorconfig
Normal file
12
2025-09-14-webpack-demo/.editorconfig
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
# http://editorconfig.org
|
||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
|
charset = utf-8
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
insert_final_newline = true
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
trim_trailing_whitespace = false
|
||||||
2
2025-09-14-webpack-demo/.env.development
Normal file
2
2025-09-14-webpack-demo/.env.development
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
# 配置文档参考 https://taro-docs.jd.com/docs/next/env-mode-config
|
||||||
|
# TARO_APP_ID="开发环境下的小程序 AppID"
|
||||||
1
2025-09-14-webpack-demo/.env.production
Normal file
1
2025-09-14-webpack-demo/.env.production
Normal file
@@ -0,0 +1 @@
|
|||||||
|
# TARO_APP_ID="生产环境下的小程序 AppID"
|
||||||
1
2025-09-14-webpack-demo/.env.test
Normal file
1
2025-09-14-webpack-demo/.env.test
Normal file
@@ -0,0 +1 @@
|
|||||||
|
# TARO_APP_ID="测试环境下的小程序 AppID"
|
||||||
7
2025-09-14-webpack-demo/.eslintrc
Normal file
7
2025-09-14-webpack-demo/.eslintrc
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
{
|
||||||
|
"extends": ["taro/react"],
|
||||||
|
"rules": {
|
||||||
|
"react/jsx-uses-react": "off",
|
||||||
|
"react/react-in-jsx-scope": "off"
|
||||||
|
}
|
||||||
|
}
|
||||||
8
2025-09-14-webpack-demo/.gitignore
vendored
Normal file
8
2025-09-14-webpack-demo/.gitignore
vendored
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
dist/
|
||||||
|
deploy_versions/
|
||||||
|
.temp/
|
||||||
|
.rn_temp/
|
||||||
|
node_modules/
|
||||||
|
.DS_Store
|
||||||
|
.swc
|
||||||
|
*.local
|
||||||
4
2025-09-14-webpack-demo/.husky/commit-msg
Normal file
4
2025-09-14-webpack-demo/.husky/commit-msg
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
#!/usr/bin/env sh
|
||||||
|
|
||||||
|
# 运行 commitlint 检查 commit message
|
||||||
|
npx --no -- commitlint --edit ${1}
|
||||||
11
2025-09-14-webpack-demo/babel.config.js
Normal file
11
2025-09-14-webpack-demo/babel.config.js
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
// babel-preset-taro 更多选项和默认值：
|
||||||
|
// https://docs.taro.zone/docs/next/babel-config
|
||||||
|
module.exports = {
|
||||||
|
presets: [
|
||||||
|
['taro', {
|
||||||
|
framework: 'react',
|
||||||
|
ts: true,
|
||||||
|
compiler: 'webpack5',
|
||||||
|
}]
|
||||||
|
]
|
||||||
|
}
|
||||||
1
2025-09-14-webpack-demo/commitlint.config.mjs
Normal file
1
2025-09-14-webpack-demo/commitlint.config.mjs
Normal file
@@ -0,0 +1 @@
|
|||||||
|
export default { extends: ["@commitlint/config-conventional"] };
|
||||||
10
2025-09-14-webpack-demo/config/dev.ts
Normal file
10
2025-09-14-webpack-demo/config/dev.ts
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
import type { UserConfigExport } from "@tarojs/cli"
|
||||||
|
|
||||||
|
export default {
|
||||||
|
logger: {
|
||||||
|
quiet: false,
|
||||||
|
stats: true
|
||||||
|
},
|
||||||
|
mini: {},
|
||||||
|
h5: {}
|
||||||
|
} satisfies UserConfigExport<'webpack5'>
|
||||||
94
2025-09-14-webpack-demo/config/index.ts
Normal file
94
2025-09-14-webpack-demo/config/index.ts
Normal file
@@ -0,0 +1,94 @@
|
|||||||
|
import { defineConfig, type UserConfigExport } from "@tarojs/cli";
|
||||||
|
import TsconfigPathsPlugin from "tsconfig-paths-webpack-plugin";
|
||||||
|
import devConfig from "./dev";
|
||||||
|
import prodConfig from "./prod";
|
||||||
|
|
||||||
|
// https://taro-docs.jd.com/docs/next/config#defineconfig-辅助函数
|
||||||
|
export default defineConfig<"webpack5">(async (merge, { command, mode }) => {
|
||||||
|
const baseConfig: UserConfigExport<"webpack5"> = {
|
||||||
|
projectName: "2025-09-14-webpack-demo",
|
||||||
|
date: "2025-9-14",
|
||||||
|
designWidth: 750,
|
||||||
|
deviceRatio: {
|
||||||
|
640: 2.34 / 2,
|
||||||
|
750: 1,
|
||||||
|
375: 2,
|
||||||
|
828: 1.81 / 2,
|
||||||
|
},
|
||||||
|
sourceRoot: "src",
|
||||||
|
outputRoot: "dist",
|
||||||
|
plugins: ["@tarojs/plugin-generator", "@tarojs/plugin-platform-xhs"],
|
||||||
|
defineConstants: {},
|
||||||
|
copy: {
|
||||||
|
patterns: [],
|
||||||
|
options: {},
|
||||||
|
},
|
||||||
|
framework: "react",
|
||||||
|
compiler: "webpack5",
|
||||||
|
cache: {
|
||||||
|
enable: false, // Webpack 持久化缓存配置，建议开启。默认配置请参考：https://docs.taro.zone/docs/config-detail#cache
|
||||||
|
},
|
||||||
|
mini: {
|
||||||
|
postcss: {
|
||||||
|
pxtransform: {
|
||||||
|
enable: true,
|
||||||
|
config: {},
|
||||||
|
},
|
||||||
|
cssModules: {
|
||||||
|
enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
|
||||||
|
config: {
|
||||||
|
namingPattern: "module", // 转换模式，取值为 global/module
|
||||||
|
generateScopedName: "[name]__[local]___[hash:base64:5]",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
webpackChain(chain) {
|
||||||
|
chain.resolve.plugin("tsconfig-paths").use(TsconfigPathsPlugin);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
h5: {
|
||||||
|
publicPath: "/",
|
||||||
|
staticDirectory: "static",
|
||||||
|
output: {
|
||||||
|
filename: "js/[name].[hash:8].js",
|
||||||
|
chunkFilename: "js/[name].[chunkhash:8].js",
|
||||||
|
},
|
||||||
|
miniCssExtractPluginOption: {
|
||||||
|
ignoreOrder: true,
|
||||||
|
filename: "css/[name].[hash].css",
|
||||||
|
chunkFilename: "css/[name].[chunkhash].css",
|
||||||
|
},
|
||||||
|
postcss: {
|
||||||
|
autoprefixer: {
|
||||||
|
enable: true,
|
||||||
|
config: {},
|
||||||
|
},
|
||||||
|
cssModules: {
|
||||||
|
enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
|
||||||
|
config: {
|
||||||
|
namingPattern: "module", // 转换模式，取值为 global/module
|
||||||
|
generateScopedName: "[name]__[local]___[hash:base64:5]",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
webpackChain(chain) {
|
||||||
|
chain.resolve.plugin("tsconfig-paths").use(TsconfigPathsPlugin);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
rn: {
|
||||||
|
appName: "taroDemo",
|
||||||
|
postcss: {
|
||||||
|
cssModules: {
|
||||||
|
enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
if (process.env.NODE_ENV === "development") {
|
||||||
|
// 本地开发构建配置（不混淆压缩）
|
||||||
|
return merge({}, baseConfig, devConfig);
|
||||||
|
}
|
||||||
|
// 生产构建配置（默认开启压缩混淆等）
|
||||||
|
return merge({}, baseConfig, prodConfig);
|
||||||
|
});
|
||||||
33
2025-09-14-webpack-demo/config/prod.ts
Normal file
33
2025-09-14-webpack-demo/config/prod.ts
Normal file
@@ -0,0 +1,33 @@
|
|||||||
|
import type { UserConfigExport } from "@tarojs/cli"
|
||||||
|
|
||||||
|
export default {
|
||||||
|
mini: {},
|
||||||
|
h5: {
|
||||||
|
/**
|
||||||
|
* WebpackChain 插件配置
|
||||||
|
* @docs https://github.com/neutrinojs/webpack-chain
|
||||||
|
*/
|
||||||
|
// webpackChain (chain) {
|
||||||
|
// /**
|
||||||
|
// * 如果 h5 端编译后体积过大，可以使用 webpack-bundle-analyzer 插件对打包体积进行分析。
|
||||||
|
// * @docs https://github.com/webpack-contrib/webpack-bundle-analyzer
|
||||||
|
// */
|
||||||
|
// chain.plugin('analyzer')
|
||||||
|
// .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin, [])
|
||||||
|
// /**
|
||||||
|
// * 如果 h5 端首屏加载时间过长，可以使用 prerender-spa-plugin 插件预加载首页。
|
||||||
|
// * @docs https://github.com/chrisvfritz/prerender-spa-plugin
|
||||||
|
// */
|
||||||
|
// const path = require('path')
|
||||||
|
// const Prerender = require('prerender-spa-plugin')
|
||||||
|
// const staticDir = path.join(__dirname, '..', 'dist')
|
||||||
|
// chain
|
||||||
|
// .plugin('prerender')
|
||||||
|
// .use(new Prerender({
|
||||||
|
// staticDir,
|
||||||
|
// routes: [ '/pages/index/index' ],
|
||||||
|
// postProcess: (context) => ({ ...context, outputPath: path.join(staticDir, 'index.html') })
|
||||||
|
// }))
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
} satisfies UserConfigExport<'webpack5'>
|
||||||
92
2025-09-14-webpack-demo/package.json
Normal file
92
2025-09-14-webpack-demo/package.json
Normal file
@@ -0,0 +1,92 @@
|
|||||||
|
{
|
||||||
|
"name": "2025-09-14-webpack-demo",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"private": true,
|
||||||
|
"description": "webpack demo",
|
||||||
|
"templateInfo": {
|
||||||
|
"name": "default",
|
||||||
|
"typescript": true,
|
||||||
|
"css": "None",
|
||||||
|
"framework": "React"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"prepare": "husky",
|
||||||
|
"new": "taro new",
|
||||||
|
"build:weapp": "taro build --type weapp",
|
||||||
|
"build:swan": "taro build --type swan",
|
||||||
|
"build:alipay": "taro build --type alipay",
|
||||||
|
"build:tt": "taro build --type tt",
|
||||||
|
"build:h5": "taro build --type h5",
|
||||||
|
"build:rn": "taro build --type rn",
|
||||||
|
"build:qq": "taro build --type qq",
|
||||||
|
"build:jd": "taro build --type jd",
|
||||||
|
"build:harmony-hybrid": "taro build --type harmony-hybrid",
|
||||||
|
"build:xhs": "taro build --type xhs",
|
||||||
|
"dev:xhs": "npm run build:xhs -- --watch",
|
||||||
|
"dev:weapp": "npm run build:weapp -- --watch",
|
||||||
|
"dev:swan": "npm run build:swan -- --watch",
|
||||||
|
"dev:alipay": "npm run build:alipay -- --watch",
|
||||||
|
"dev:tt": "npm run build:tt -- --watch",
|
||||||
|
"dev:h5": "npm run build:h5 -- --watch",
|
||||||
|
"dev:rn": "npm run build:rn -- --watch",
|
||||||
|
"dev:qq": "npm run build:qq -- --watch",
|
||||||
|
"dev:jd": "npm run build:jd -- --watch",
|
||||||
|
"dev:harmony-hybrid": "npm run build:harmony-hybrid -- --watch"
|
||||||
|
},
|
||||||
|
"browserslist": [
|
||||||
|
"defaults and fully supports es6-module",
|
||||||
|
"maintained node versions"
|
||||||
|
],
|
||||||
|
"author": "",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.24.4",
|
||||||
|
"@tarojs/components": "4.1.6",
|
||||||
|
"@tarojs/helper": "4.1.6",
|
||||||
|
"@tarojs/plugin-platform-weapp": "4.1.6",
|
||||||
|
"@tarojs/plugin-platform-alipay": "4.1.6",
|
||||||
|
"@tarojs/plugin-platform-tt": "4.1.6",
|
||||||
|
"@tarojs/plugin-platform-swan": "4.1.6",
|
||||||
|
"@tarojs/plugin-platform-jd": "4.1.6",
|
||||||
|
"@tarojs/plugin-platform-qq": "4.1.6",
|
||||||
|
"@tarojs/plugin-platform-h5": "4.1.6",
|
||||||
|
"@tarojs/plugin-platform-harmony-hybrid": "4.1.6",
|
||||||
|
"@tarojs/plugin-platform-xhs": "^1.2.2",
|
||||||
|
"@tarojs/runtime": "4.1.6",
|
||||||
|
"@tarojs/shared": "4.1.6",
|
||||||
|
"@tarojs/taro": "4.1.6",
|
||||||
|
"@tarojs/plugin-framework-react": "4.1.6",
|
||||||
|
"@tarojs/react": "4.1.6",
|
||||||
|
"react-dom": "^18.0.0",
|
||||||
|
"react": "^18.0.0"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@tarojs/plugin-generator": "4.1.6",
|
||||||
|
"@commitlint/cli": "^19.8.1",
|
||||||
|
"@commitlint/config-conventional": "^19.8.1",
|
||||||
|
"lint-staged": "^16.1.2",
|
||||||
|
"husky": "^9.1.7",
|
||||||
|
"stylelint-config-standard": "^38.0.0",
|
||||||
|
"@babel/core": "^7.24.4",
|
||||||
|
"@tarojs/cli": "4.1.6",
|
||||||
|
"@babel/plugin-transform-class-properties": "7.25.9",
|
||||||
|
"@types/webpack-env": "^1.13.6",
|
||||||
|
"@types/react": "^18.0.0",
|
||||||
|
"webpack": "5.91.0",
|
||||||
|
"@tarojs/taro-loader": "4.1.6",
|
||||||
|
"@tarojs/webpack5-runner": "4.1.6",
|
||||||
|
"babel-preset-taro": "4.1.6",
|
||||||
|
"eslint-config-taro": "4.1.6",
|
||||||
|
"eslint": "^8.57.0",
|
||||||
|
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
|
||||||
|
"react-refresh": "^0.14.0",
|
||||||
|
"@babel/preset-react": "^7.24.1",
|
||||||
|
"eslint-plugin-react": "^7.34.1",
|
||||||
|
"eslint-plugin-react-hooks": "^4.4.0",
|
||||||
|
"stylelint": "^16.4.0",
|
||||||
|
"typescript": "^5.4.5",
|
||||||
|
"tsconfig-paths-webpack-plugin": "^4.1.0",
|
||||||
|
"postcss": "^8.4.38",
|
||||||
|
"@types/node": "^18",
|
||||||
|
"@types/minimatch": "^5"
|
||||||
|
}
|
||||||
|
}
|
||||||
13682
2025-09-14-webpack-demo/pnpm-lock.yaml
generated
Normal file
13682
2025-09-14-webpack-demo/pnpm-lock.yaml
generated
Normal file
File diff suppressed because it is too large
Load Diff
15
2025-09-14-webpack-demo/project.config.json
Normal file
15
2025-09-14-webpack-demo/project.config.json
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
{
|
||||||
|
"miniprogramRoot": "./dist",
|
||||||
|
"projectname": "2025-09-14-webpack-demo",
|
||||||
|
"description": "webpack demo",
|
||||||
|
"appid": "touristappid",
|
||||||
|
"setting": {
|
||||||
|
"urlCheck": true,
|
||||||
|
"es6": false,
|
||||||
|
"enhance": false,
|
||||||
|
"compileHotReLoad": false,
|
||||||
|
"postcss": false,
|
||||||
|
"minified": false
|
||||||
|
},
|
||||||
|
"compileType": "miniprogram"
|
||||||
|
}
|
||||||
75
2025-09-14-webpack-demo/project.xhs.json
Normal file
75
2025-09-14-webpack-demo/project.xhs.json
Normal file
@@ -0,0 +1,75 @@
|
|||||||
|
{
|
||||||
|
"description": "项目配置文件",
|
||||||
|
"packOptions": {
|
||||||
|
"ignore": []
|
||||||
|
},
|
||||||
|
"setting": {
|
||||||
|
"minified": true,
|
||||||
|
"urlCheck": true,
|
||||||
|
"useNewDevtools": false,
|
||||||
|
"enableSimulatorV2": true,
|
||||||
|
"enableV2": false,
|
||||||
|
"enableVDom": true,
|
||||||
|
"useNewCompiler": true,
|
||||||
|
"bundle": false,
|
||||||
|
"userConfirmedBundleSwitch": false,
|
||||||
|
"scopeDataCheck": false,
|
||||||
|
"coverView": true,
|
||||||
|
"es6": true,
|
||||||
|
"postcss": true,
|
||||||
|
"compileHotReLoad": false,
|
||||||
|
"lazyloadPlaceholderEnable": false,
|
||||||
|
"preloadBackgroundData": false,
|
||||||
|
"autoAudits": false,
|
||||||
|
"newFeature": false,
|
||||||
|
"uglifyFileName": false,
|
||||||
|
"uploadWithSourceMap": true,
|
||||||
|
"useIsolateContext": true,
|
||||||
|
"nodeModules": false,
|
||||||
|
"enhance": true,
|
||||||
|
"useMultiFrameRuntime": true,
|
||||||
|
"useApiHook": true,
|
||||||
|
"useApiHostProcess": true,
|
||||||
|
"showShadowRootInWxmlPanel": true,
|
||||||
|
"packNpmManually": false,
|
||||||
|
"enableEngineNative": false,
|
||||||
|
"packNpmRelationList": [],
|
||||||
|
"minifyWXSS": true,
|
||||||
|
"showES6CompileOption": false,
|
||||||
|
"useLiteCompiler": true
|
||||||
|
},
|
||||||
|
"compileType": "miniprogram",
|
||||||
|
"libVersion": "3.116.2",
|
||||||
|
"projectname": "xhs-demo",
|
||||||
|
"debugOptions": {
|
||||||
|
"hidedInDevtools": []
|
||||||
|
},
|
||||||
|
"appid": "68c47321131b9b0001166b7d",
|
||||||
|
"scripts": {},
|
||||||
|
"staticServerOptions": {
|
||||||
|
"baseURL": "",
|
||||||
|
"servePath": ""
|
||||||
|
},
|
||||||
|
"isGameTourist": false,
|
||||||
|
"condition": {
|
||||||
|
"search": {
|
||||||
|
"list": []
|
||||||
|
},
|
||||||
|
"conversation": {
|
||||||
|
"list": []
|
||||||
|
},
|
||||||
|
"game": {
|
||||||
|
"list": []
|
||||||
|
},
|
||||||
|
"plugin": {
|
||||||
|
"list": []
|
||||||
|
},
|
||||||
|
"gamePlugin": {
|
||||||
|
"list": []
|
||||||
|
},
|
||||||
|
"miniprogram": {
|
||||||
|
"list": []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"projectName": "jd-code-exchange"
|
||||||
|
}
|
||||||
11
2025-09-14-webpack-demo/src/app.config.ts
Normal file
11
2025-09-14-webpack-demo/src/app.config.ts
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
export default defineAppConfig({
|
||||||
|
pages: [
|
||||||
|
'pages/index/index'
|
||||||
|
],
|
||||||
|
window: {
|
||||||
|
backgroundTextStyle: 'light',
|
||||||
|
navigationBarBackgroundColor: '#fff',
|
||||||
|
navigationBarTitleText: 'WeChat',
|
||||||
|
navigationBarTextStyle: 'black'
|
||||||
|
}
|
||||||
|
})
|
||||||
0
2025-09-14-webpack-demo/src/app.css
Normal file
0
2025-09-14-webpack-demo/src/app.css
Normal file
17
2025-09-14-webpack-demo/src/app.ts
Normal file
17
2025-09-14-webpack-demo/src/app.ts
Normal file
@@ -0,0 +1,17 @@
|
|||||||
|
import { PropsWithChildren } from 'react'
|
||||||
|
import { useLaunch } from '@tarojs/taro'
|
||||||
|
|
||||||
|
import './app.css'
|
||||||
|
|
||||||
|
function App({ children }: PropsWithChildren<any>) {
|
||||||
|
useLaunch(() => {
|
||||||
|
console.log('App launched.')
|
||||||
|
})
|
||||||
|
|
||||||
|
// children 是将要会渲染的页面
|
||||||
|
return children
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
export default App
|
||||||
17
2025-09-14-webpack-demo/src/index.html
Normal file
17
2025-09-14-webpack-demo/src/index.html
Normal file
@@ -0,0 +1,17 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
|
||||||
|
<meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="apple-touch-fullscreen" content="yes">
|
||||||
|
<meta name="format-detection" content="telephone=no,address=no">
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="white">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
|
||||||
|
<title>2025-09-14-webpack-demo</title>
|
||||||
|
<script><%= htmlWebpackPlugin.options.script %></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
3
2025-09-14-webpack-demo/src/pages/index/index.config.ts
Normal file
3
2025-09-14-webpack-demo/src/pages/index/index.config.ts
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
export default definePageConfig({
|
||||||
|
navigationBarTitleText: '首页'
|
||||||
|
})
|
||||||
0
2025-09-14-webpack-demo/src/pages/index/index.css
Normal file
0
2025-09-14-webpack-demo/src/pages/index/index.css
Normal file
15
2025-09-14-webpack-demo/src/pages/index/index.tsx
Normal file
15
2025-09-14-webpack-demo/src/pages/index/index.tsx
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
import { View, Text } from '@tarojs/components'
|
||||||
|
import { useLoad } from '@tarojs/taro'
|
||||||
|
import './index.css'
|
||||||
|
|
||||||
|
export default function Index () {
|
||||||
|
useLoad(() => {
|
||||||
|
console.log('Page loaded.')
|
||||||
|
})
|
||||||
|
|
||||||
|
return (
|
||||||
|
<View className='index'>
|
||||||
|
<Text>Hello world!</Text>
|
||||||
|
</View>
|
||||||
|
)
|
||||||
|
}
|
||||||
4
2025-09-14-webpack-demo/stylelint.config.mjs
Normal file
4
2025-09-14-webpack-demo/stylelint.config.mjs
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
/** @type {import('stylelint').Config} */
|
||||||
|
export default {
|
||||||
|
extends: "stylelint-config-standard",
|
||||||
|
};
|
||||||
30
2025-09-14-webpack-demo/tsconfig.json
Normal file
30
2025-09-14-webpack-demo/tsconfig.json
Normal file
@@ -0,0 +1,30 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"target": "es2017",
|
||||||
|
"module": "commonjs",
|
||||||
|
"removeComments": false,
|
||||||
|
"preserveConstEnums": true,
|
||||||
|
"moduleResolution": "node",
|
||||||
|
"experimentalDecorators": true,
|
||||||
|
"noImplicitAny": false,
|
||||||
|
"allowSyntheticDefaultImports": true,
|
||||||
|
"outDir": "lib",
|
||||||
|
"noUnusedLocals": true,
|
||||||
|
"noUnusedParameters": true,
|
||||||
|
"strictNullChecks": true,
|
||||||
|
"sourceMap": true,
|
||||||
|
"rootDir": ".",
|
||||||
|
"jsx": "react-jsx",
|
||||||
|
"allowJs": true,
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
"typeRoots": [
|
||||||
|
"node_modules/@types"
|
||||||
|
],
|
||||||
|
"paths": {
|
||||||
|
// TS5090 leading './'
|
||||||
|
"@/*": ["./src/*"]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"include": ["./src", "./types", "./config"],
|
||||||
|
"compileOnSave": false
|
||||||
|
}
|
||||||
29
2025-09-14-webpack-demo/types/global.d.ts
vendored
Normal file
29
2025-09-14-webpack-demo/types/global.d.ts
vendored
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
/// <reference types="@tarojs/taro" />
|
||||||
|
|
||||||
|
declare module '*.png';
|
||||||
|
declare module '*.gif';
|
||||||
|
declare module '*.jpg';
|
||||||
|
declare module '*.jpeg';
|
||||||
|
declare module '*.svg';
|
||||||
|
declare module '*.css';
|
||||||
|
declare module '*.less';
|
||||||
|
declare module '*.scss';
|
||||||
|
declare module '*.sass';
|
||||||
|
declare module '*.styl';
|
||||||
|
|
||||||
|
declare namespace NodeJS {
|
||||||
|
interface ProcessEnv {
|
||||||
|
/** NODE 内置环境变量, 会影响到最终构建生成产物 */
|
||||||
|
NODE_ENV: 'development' | 'production',
|
||||||
|
/** 当前构建的平台 */
|
||||||
|
TARO_ENV: 'weapp' | 'swan' | 'alipay' | 'h5' | 'rn' | 'tt' | 'qq' | 'jd' | 'harmony' | 'jdrn'
|
||||||
|
/**
|
||||||
|
* 当前构建的小程序 appid
|
||||||
|
* @description 若不同环境有不同的小程序，可通过在 env 文件中配置环境变量`TARO_APP_ID`来方便快速切换 appid， 而不必手动去修改 dist/project.config.json 文件
|
||||||
|
* @see https://taro-docs.jd.com/docs/next/env-mode-config#特殊环境变量-taro_app_id
|
||||||
|
*/
|
||||||
|
TARO_APP_ID: string
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
12
2025-09-14/.editorconfig
Normal file
12
2025-09-14/.editorconfig
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
# http://editorconfig.org
|
||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
|
charset = utf-8
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
insert_final_newline = true
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
trim_trailing_whitespace = false
|
||||||
7
2025-09-14/.eslintrc
Normal file
7
2025-09-14/.eslintrc
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
module.exports = {
|
||||||
|
"extends": ["taro/react"],
|
||||||
|
"rules": {
|
||||||
|
"react/jsx-uses-react": "off",
|
||||||
|
"react/react-in-jsx-scope": "off"
|
||||||
|
}
|
||||||
|
}
|
||||||
7
2025-09-14/.gitignore
vendored
Normal file
7
2025-09-14/.gitignore
vendored
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
dist/
|
||||||
|
deploy_versions/
|
||||||
|
.temp/
|
||||||
|
.rn_temp/
|
||||||
|
node_modules/
|
||||||
|
.DS_Store
|
||||||
|
.swc
|
||||||
24
2025-09-14/babel.config.js
Normal file
24
2025-09-14/babel.config.js
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
// babel-preset-taro 更多选项和默认值：
|
||||||
|
// https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
|
||||||
|
module.exports = {
|
||||||
|
presets: [
|
||||||
|
['taro',
|
||||||
|
{
|
||||||
|
framework: 'react',
|
||||||
|
ts: 'true',
|
||||||
|
compiler: 'webpack5',
|
||||||
|
}]
|
||||||
|
],
|
||||||
|
plugins: [
|
||||||
|
[
|
||||||
|
"import",
|
||||||
|
{
|
||||||
|
"libraryName": "@nutui/nutui-react-taro",
|
||||||
|
"libraryDirectory": "dist/esm",
|
||||||
|
"style": 'css',
|
||||||
|
"camel2DashComponentName": false
|
||||||
|
},
|
||||||
|
'nutui-react-taro'
|
||||||
|
]
|
||||||
|
]
|
||||||
|
}
|
||||||
9
2025-09-14/config/dev.ts
Normal file
9
2025-09-14/config/dev.ts
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
import type { UserConfigExport } from "@tarojs/cli";
|
||||||
|
export default {
|
||||||
|
logger: {
|
||||||
|
quiet: false,
|
||||||
|
stats: true
|
||||||
|
},
|
||||||
|
mini: {},
|
||||||
|
h5: {}
|
||||||
|
} satisfies UserConfigExport<'webpack5'>
|
||||||
104
2025-09-14/config/index.ts
Normal file
104
2025-09-14/config/index.ts
Normal file
@@ -0,0 +1,104 @@
|
|||||||
|
import { defineConfig, type UserConfigExport } from '@tarojs/cli'
|
||||||
|
import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin'
|
||||||
|
import devConfig from './dev'
|
||||||
|
import prodConfig from './prod'
|
||||||
|
import vitePluginImp from 'vite-plugin-imp'
|
||||||
|
// https://taro-docs.jd.com/docs/next/config#defineconfig-辅助函数
|
||||||
|
export default defineConfig<'webpack5'>(async (merge, { command, mode }) => {
|
||||||
|
const baseConfig: UserConfigExport<'webpack5'> = {
|
||||||
|
projectName: '2025-09-14',
|
||||||
|
date: '2025-9-14',
|
||||||
|
designWidth: 375,
|
||||||
|
deviceRatio: {
|
||||||
|
640: 2.34 / 2,
|
||||||
|
750: 1,
|
||||||
|
375: 2,
|
||||||
|
828: 1.81 / 2
|
||||||
|
},
|
||||||
|
sourceRoot: 'src',
|
||||||
|
outputRoot: 'dist',
|
||||||
|
plugins: ['@tarojs/plugin-html','@tarojs/plugin-platform-xhs'],
|
||||||
|
defineConstants: {
|
||||||
|
},
|
||||||
|
copy: {
|
||||||
|
patterns: [
|
||||||
|
],
|
||||||
|
options: {
|
||||||
|
}
|
||||||
|
},
|
||||||
|
framework: 'react',
|
||||||
|
compiler: {
|
||||||
|
|
||||||
|
type: 'webpack5',
|
||||||
|
prebundle: {
|
||||||
|
enable: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
cache: {
|
||||||
|
enable: false // Webpack 持久化缓存配置，建议开启。默认配置请参考：https://docs.taro.zone/docs/config-detail#cache
|
||||||
|
},
|
||||||
|
mini: {
|
||||||
|
postcss: {
|
||||||
|
pxtransform: {
|
||||||
|
enable: true,
|
||||||
|
config: {
|
||||||
|
selectorBlackList: ['nut-']
|
||||||
|
}
|
||||||
|
},
|
||||||
|
cssModules: {
|
||||||
|
enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
|
||||||
|
config: {
|
||||||
|
namingPattern: 'module', // 转换模式，取值为 global/module
|
||||||
|
generateScopedName: '[name]__[local]___[hash:base64:5]'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
webpackChain(chain) {
|
||||||
|
chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
h5: {
|
||||||
|
publicPath: '/',
|
||||||
|
staticDirectory: 'static',
|
||||||
|
output: {
|
||||||
|
filename: 'js/[name].[hash:8].js',
|
||||||
|
chunkFilename: 'js/[name].[chunkhash:8].js'
|
||||||
|
},
|
||||||
|
miniCssExtractPluginOption: {
|
||||||
|
ignoreOrder: true,
|
||||||
|
filename: 'css/[name].[hash].css',
|
||||||
|
chunkFilename: 'css/[name].[chunkhash].css'
|
||||||
|
},
|
||||||
|
postcss: {
|
||||||
|
autoprefixer: {
|
||||||
|
enable: true,
|
||||||
|
config: {}
|
||||||
|
},
|
||||||
|
cssModules: {
|
||||||
|
enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
|
||||||
|
config: {
|
||||||
|
namingPattern: 'module', // 转换模式，取值为 global/module
|
||||||
|
generateScopedName: '[name]__[local]___[hash:base64:5]'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
webpackChain(chain) {
|
||||||
|
chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
rn: {
|
||||||
|
appName: 'taroDemo',
|
||||||
|
postcss: {
|
||||||
|
cssModules: {
|
||||||
|
enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (process.env.NODE_ENV === 'development') {
|
||||||
|
// 本地开发构建配置（不混淆压缩）
|
||||||
|
return merge({}, baseConfig, devConfig)
|
||||||
|
}
|
||||||
|
// 生产构建配置（默认开启压缩混淆等）
|
||||||
|
return merge({}, baseConfig, prodConfig)
|
||||||
|
})
|
||||||
32
2025-09-14/config/prod.ts
Normal file
32
2025-09-14/config/prod.ts
Normal file
@@ -0,0 +1,32 @@
|
|||||||
|
import type { UserConfigExport } from "@tarojs/cli";
|
||||||
|
export default {
|
||||||
|
mini: {},
|
||||||
|
h5: {
|
||||||
|
/**
|
||||||
|
* WebpackChain 插件配置
|
||||||
|
* @docs https://github.com/neutrinojs/webpack-chain
|
||||||
|
*/
|
||||||
|
// webpackChain (chain) {
|
||||||
|
// /**
|
||||||
|
// * 如果 h5 端编译后体积过大，可以使用 webpack-bundle-analyzer 插件对打包体积进行分析。
|
||||||
|
// * @docs https://github.com/webpack-contrib/webpack-bundle-analyzer
|
||||||
|
// */
|
||||||
|
// chain.plugin('analyzer')
|
||||||
|
// .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin, [])
|
||||||
|
// /**
|
||||||
|
// * 如果 h5 端首屏加载时间过长，可以使用 prerender-spa-plugin 插件预加载首页。
|
||||||
|
// * @docs https://github.com/chrisvfritz/prerender-spa-plugin
|
||||||
|
// */
|
||||||
|
// const path = require('path')
|
||||||
|
// const Prerender = require('prerender-spa-plugin')
|
||||||
|
// const staticDir = path.join(__dirname, '..', 'dist')
|
||||||
|
// chain
|
||||||
|
// .plugin('prerender')
|
||||||
|
// .use(new Prerender({
|
||||||
|
// staticDir,
|
||||||
|
// routes: [ '/pages/index/index' ],
|
||||||
|
// postProcess: (context) => ({ ...context, outputPath: path.join(staticDir, 'index.html') })
|
||||||
|
// }))
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
} satisfies UserConfigExport<'webpack5'>
|
||||||
90
2025-09-14/package.json
Normal file
90
2025-09-14/package.json
Normal file
@@ -0,0 +1,90 @@
|
|||||||
|
{
|
||||||
|
"name": "2025-09-14",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"private": true,
|
||||||
|
"description": "914",
|
||||||
|
"templateInfo": {
|
||||||
|
"name": "react-NutUI",
|
||||||
|
"typescript": true,
|
||||||
|
"css": "None",
|
||||||
|
"framework": "React"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"build:weapp": "taro build --type weapp",
|
||||||
|
"build:swan": "taro build --type swan",
|
||||||
|
"build:alipay": "taro build --type alipay",
|
||||||
|
"build:tt": "taro build --type tt",
|
||||||
|
"build:h5": "taro build --type h5",
|
||||||
|
"build:rn": "taro build --type rn",
|
||||||
|
"build:qq": "taro build --type qq",
|
||||||
|
"build:jd": "taro build --type jd",
|
||||||
|
"build:quickapp": "taro build --type quickapp",
|
||||||
|
"build:xhs": "taro build --type xhs",
|
||||||
|
"dev:xhs": "npm run build:xhs -- --watch",
|
||||||
|
"dev:weapp": "npm run build:weapp -- --watch",
|
||||||
|
"dev:swan": "npm run build:swan -- --watch",
|
||||||
|
"dev:alipay": "npm run build:alipay -- --watch",
|
||||||
|
"dev:tt": "npm run build:tt -- --watch",
|
||||||
|
"dev:h5": "npm run build:h5 -- --watch",
|
||||||
|
"dev:rn": "npm run build:rn -- --watch",
|
||||||
|
"dev:qq": "npm run build:qq -- --watch",
|
||||||
|
"dev:jd": "npm run build:jd -- --watch",
|
||||||
|
"dev:quickapp": "npm run build:quickapp -- --watch"
|
||||||
|
},
|
||||||
|
"browserslist": [
|
||||||
|
"last 3 versions",
|
||||||
|
"Android >= 4.1",
|
||||||
|
"ios >= 8"
|
||||||
|
],
|
||||||
|
"author": "",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.28.4",
|
||||||
|
"@nutui/nutui-react-taro": "^3.0.18",
|
||||||
|
"@tarojs/components": "4.1.6",
|
||||||
|
"@tarojs/helper": "4.1.6",
|
||||||
|
"@tarojs/plugin-framework-react": "4.1.6",
|
||||||
|
"@tarojs/plugin-html": "4.1.6",
|
||||||
|
"@tarojs/plugin-platform-alipay": "4.1.6",
|
||||||
|
"@tarojs/plugin-platform-h5": "4.1.6",
|
||||||
|
"@tarojs/plugin-platform-jd": "4.1.6",
|
||||||
|
"@tarojs/plugin-platform-qq": "4.1.6",
|
||||||
|
"@tarojs/plugin-platform-swan": "4.1.6",
|
||||||
|
"@tarojs/plugin-platform-tt": "4.1.6",
|
||||||
|
"@tarojs/plugin-platform-weapp": "4.1.6",
|
||||||
|
"@tarojs/plugin-platform-xhs": "^1.2.2",
|
||||||
|
"@tarojs/react": "4.1.6",
|
||||||
|
"@tarojs/runtime": "4.1.6",
|
||||||
|
"@tarojs/shared": "4.1.6",
|
||||||
|
"@tarojs/taro": "4.1.6",
|
||||||
|
"react": "^19.1.1",
|
||||||
|
"react-dom": "^19.1.1"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@babel/core": "^7.28.4",
|
||||||
|
"@babel/plugin-proposal-class-properties": "7.18.6",
|
||||||
|
"@babel/preset-react": "^7.27.1",
|
||||||
|
"@pmmmwh/react-refresh-webpack-plugin": "^0.6.1",
|
||||||
|
"@tarojs/cli": "4.1.6",
|
||||||
|
"@tarojs/taro-loader": "4.1.6",
|
||||||
|
"@tarojs/webpack5-runner": "4.1.6",
|
||||||
|
"@types/node": "^24.3.3",
|
||||||
|
"@types/react": "^19.1.13",
|
||||||
|
"@types/webpack-env": "^1.18.8",
|
||||||
|
"@typescript-eslint/eslint-plugin": "^8.43.0",
|
||||||
|
"@typescript-eslint/parser": "^8.43.0",
|
||||||
|
"babel-plugin-import": "^1.13.8",
|
||||||
|
"babel-preset-taro": "4.1.6",
|
||||||
|
"eslint": "^9.35.0",
|
||||||
|
"eslint-config-taro": "4.1.6",
|
||||||
|
"eslint-plugin-import": "^2.32.0",
|
||||||
|
"eslint-plugin-react": "^7.37.5",
|
||||||
|
"eslint-plugin-react-hooks": "^5.2.0",
|
||||||
|
"postcss": "^8.5.6",
|
||||||
|
"react-refresh": "^0.17.0",
|
||||||
|
"stylelint": "^16.24.0",
|
||||||
|
"ts-node": "^10.9.2",
|
||||||
|
"tsconfig-paths-webpack-plugin": "^4.2.0",
|
||||||
|
"typescript": "^5.9.2",
|
||||||
|
"webpack": "5.101.3"
|
||||||
|
}
|
||||||
|
}
|
||||||
15081
2025-09-14/pnpm-lock.yaml
generated
Normal file
15081
2025-09-14/pnpm-lock.yaml
generated
Normal file
File diff suppressed because it is too large
Load Diff
25
2025-09-14/project.config.json
Normal file
25
2025-09-14/project.config.json
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
{
|
||||||
|
"miniprogramRoot": "dist/",
|
||||||
|
"projectname": "2025-09-14",
|
||||||
|
"description": "914",
|
||||||
|
"appid": "touristappid",
|
||||||
|
"setting": {
|
||||||
|
"urlCheck": true,
|
||||||
|
"es6": false,
|
||||||
|
"enhance": false,
|
||||||
|
"compileHotReLoad": false,
|
||||||
|
"postcss": false,
|
||||||
|
"preloadBackgroundData": false,
|
||||||
|
"minified": false,
|
||||||
|
"newFeature": true,
|
||||||
|
"autoAudits": false,
|
||||||
|
"coverView": true,
|
||||||
|
"showShadowRootInWxmlPanel": false,
|
||||||
|
"scopeDataCheck": false,
|
||||||
|
"useCompilerModule": false
|
||||||
|
},
|
||||||
|
"compileType": "miniprogram",
|
||||||
|
"simulatorType": "wechat",
|
||||||
|
"simulatorPluginLibVersion": {},
|
||||||
|
"condition": {}
|
||||||
|
}
|
||||||
13
2025-09-14/project.tt.json
Normal file
13
2025-09-14/project.tt.json
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
{
|
||||||
|
"miniprogramRoot": "./",
|
||||||
|
"projectname": "2025-09-14",
|
||||||
|
"description": "914",
|
||||||
|
"appid": "touristappid",
|
||||||
|
"setting": {
|
||||||
|
"urlCheck": true,
|
||||||
|
"es6": false,
|
||||||
|
"postcss": false,
|
||||||
|
"minified": false
|
||||||
|
},
|
||||||
|
"compileType": "miniprogram"
|
||||||
|
}
|
||||||
75
2025-09-14/project.xhs.json
Normal file
75
2025-09-14/project.xhs.json
Normal file
@@ -0,0 +1,75 @@
|
|||||||
|
{
|
||||||
|
"description": "项目配置文件",
|
||||||
|
"packOptions": {
|
||||||
|
"ignore": []
|
||||||
|
},
|
||||||
|
"setting": {
|
||||||
|
"minified": true,
|
||||||
|
"urlCheck": true,
|
||||||
|
"useNewDevtools": false,
|
||||||
|
"enableSimulatorV2": true,
|
||||||
|
"enableV2": false,
|
||||||
|
"enableVDom": true,
|
||||||
|
"useNewCompiler": true,
|
||||||
|
"bundle": false,
|
||||||
|
"userConfirmedBundleSwitch": false,
|
||||||
|
"scopeDataCheck": false,
|
||||||
|
"coverView": true,
|
||||||
|
"es6": true,
|
||||||
|
"postcss": true,
|
||||||
|
"compileHotReLoad": false,
|
||||||
|
"lazyloadPlaceholderEnable": false,
|
||||||
|
"preloadBackgroundData": false,
|
||||||
|
"autoAudits": false,
|
||||||
|
"newFeature": false,
|
||||||
|
"uglifyFileName": false,
|
||||||
|
"uploadWithSourceMap": true,
|
||||||
|
"useIsolateContext": true,
|
||||||
|
"nodeModules": false,
|
||||||
|
"enhance": true,
|
||||||
|
"useMultiFrameRuntime": true,
|
||||||
|
"useApiHook": true,
|
||||||
|
"useApiHostProcess": true,
|
||||||
|
"showShadowRootInWxmlPanel": true,
|
||||||
|
"packNpmManually": false,
|
||||||
|
"enableEngineNative": false,
|
||||||
|
"packNpmRelationList": [],
|
||||||
|
"minifyWXSS": true,
|
||||||
|
"showES6CompileOption": false,
|
||||||
|
"useLiteCompiler": true
|
||||||
|
},
|
||||||
|
"compileType": "miniprogram",
|
||||||
|
"libVersion": "3.116.2",
|
||||||
|
"projectname": "xhs-demo",
|
||||||
|
"debugOptions": {
|
||||||
|
"hidedInDevtools": []
|
||||||
|
},
|
||||||
|
"appid": "68c47321131b9b0001166b7d",
|
||||||
|
"scripts": {},
|
||||||
|
"staticServerOptions": {
|
||||||
|
"baseURL": "",
|
||||||
|
"servePath": ""
|
||||||
|
},
|
||||||
|
"isGameTourist": false,
|
||||||
|
"condition": {
|
||||||
|
"search": {
|
||||||
|
"list": []
|
||||||
|
},
|
||||||
|
"conversation": {
|
||||||
|
"list": []
|
||||||
|
},
|
||||||
|
"game": {
|
||||||
|
"list": []
|
||||||
|
},
|
||||||
|
"plugin": {
|
||||||
|
"list": []
|
||||||
|
},
|
||||||
|
"gamePlugin": {
|
||||||
|
"list": []
|
||||||
|
},
|
||||||
|
"miniprogram": {
|
||||||
|
"list": []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"projectName": "jd-code-exchange"
|
||||||
|
}
|
||||||
11
2025-09-14/src/app.config.ts
Normal file
11
2025-09-14/src/app.config.ts
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
export default defineAppConfig({
|
||||||
|
pages: [
|
||||||
|
'pages/index/index'
|
||||||
|
],
|
||||||
|
window: {
|
||||||
|
backgroundTextStyle: 'light',
|
||||||
|
navigationBarBackgroundColor: '#fff',
|
||||||
|
navigationBarTitleText: 'WeChat',
|
||||||
|
navigationBarTextStyle: 'black'
|
||||||
|
}
|
||||||
|
})
|
||||||
0
2025-09-14/src/app.css
Normal file
0
2025-09-14/src/app.css
Normal file
19
2025-09-14/src/app.ts
Normal file
19
2025-09-14/src/app.ts
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
import React, { useEffect } from 'react'
|
||||||
|
import { useDidShow, useDidHide } from '@tarojs/taro'
|
||||||
|
// 全局样式
|
||||||
|
import './app.css'
|
||||||
|
|
||||||
|
function App(props) {
|
||||||
|
// 可以使用所有的 React Hooks
|
||||||
|
useEffect(() => {})
|
||||||
|
|
||||||
|
// 对应 onShow
|
||||||
|
useDidShow(() => {})
|
||||||
|
|
||||||
|
// 对应 onHide
|
||||||
|
useDidHide(() => {})
|
||||||
|
|
||||||
|
return props.children
|
||||||
|
}
|
||||||
|
|
||||||
|
export default App
|
||||||
17
2025-09-14/src/index.html
Normal file
17
2025-09-14/src/index.html
Normal file
@@ -0,0 +1,17 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
|
||||||
|
<meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="apple-touch-fullscreen" content="yes">
|
||||||
|
<meta name="format-detection" content="telephone=no,address=no">
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="white">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
|
||||||
|
<title>2025-09-14</title>
|
||||||
|
<script><%= htmlWebpackPlugin.options.script %></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
3
2025-09-14/src/pages/index/index.config.ts
Normal file
3
2025-09-14/src/pages/index/index.config.ts
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
export default definePageConfig({
|
||||||
|
navigationBarTitleText: '首页'
|
||||||
|
})
|
||||||
7
2025-09-14/src/pages/index/index.css
Normal file
7
2025-09-14/src/pages/index/index.css
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
.nutui-react-demo {
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
50
2025-09-14/src/pages/index/index.tsx
Normal file
50
2025-09-14/src/pages/index/index.tsx
Normal file
@@ -0,0 +1,50 @@
|
|||||||
|
import React, { useState } from 'react'
|
||||||
|
import { View } from '@tarojs/components'
|
||||||
|
import { Button, ConfigProvider, TextArea, Dialog } from '@nutui/nutui-react-taro'
|
||||||
|
import enUS from '@nutui/nutui-react-taro/dist/locales/en-US'
|
||||||
|
import zhCN from '@nutui/nutui-react-taro/dist/locales/zh-CN'
|
||||||
|
import './index.css'
|
||||||
|
function Index() {
|
||||||
|
const [locale, setLocale] = useState(zhCN)
|
||||||
|
const localeKey = locale === zhCN ? 'zhCN' : 'enUS'
|
||||||
|
const [visible, setVisible] = useState(false)
|
||||||
|
const [translated] = useState({
|
||||||
|
zhCN: {
|
||||||
|
welcome: '欢迎使用 NutUI React 开发 Taro 多端项目。',
|
||||||
|
button: '使用英文',
|
||||||
|
open: '点击打开',
|
||||||
|
},
|
||||||
|
enUS: {
|
||||||
|
welcome: 'Welcome to use NutUI React to develop Taro multi-terminal projects.',
|
||||||
|
button: 'Use Chinese',
|
||||||
|
open: 'Click Me',
|
||||||
|
},
|
||||||
|
})
|
||||||
|
const handleSwitchLocale = () => {
|
||||||
|
setLocale(locale === zhCN ? enUS : zhCN)
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
<ConfigProvider locale={locale}>
|
||||||
|
<View className='nutui-react-demo'>
|
||||||
|
<View>{translated[localeKey].welcome}</View>
|
||||||
|
<View>
|
||||||
|
<Button type='primary' onClick={handleSwitchLocale}>
|
||||||
|
{translated[localeKey].button}
|
||||||
|
</Button>
|
||||||
|
<Button type='success' onClick={() => setVisible(true)}>
|
||||||
|
{translated[localeKey].open}
|
||||||
|
</Button>
|
||||||
|
<Dialog
|
||||||
|
visible={visible}
|
||||||
|
onConfirm={() => setVisible(false)}
|
||||||
|
onCancel={() => setVisible(false)}>
|
||||||
|
{translated[localeKey].welcome}
|
||||||
|
</Dialog>
|
||||||
|
<TextArea disabled showCount maxLength={20} />
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</ConfigProvider>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Index
|
||||||
27
2025-09-14/tsconfig.json
Normal file
27
2025-09-14/tsconfig.json
Normal file
@@ -0,0 +1,27 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"target": "es2017",
|
||||||
|
"module": "commonjs",
|
||||||
|
"removeComments": false,
|
||||||
|
"preserveConstEnums": true,
|
||||||
|
"moduleResolution": "node",
|
||||||
|
"experimentalDecorators": true,
|
||||||
|
"noImplicitAny": false,
|
||||||
|
"allowSyntheticDefaultImports": true,
|
||||||
|
"outDir": "lib",
|
||||||
|
"noUnusedLocals": true,
|
||||||
|
"noUnusedParameters": true,
|
||||||
|
"strictNullChecks": true,
|
||||||
|
"sourceMap": true,
|
||||||
|
"baseUrl": ".",
|
||||||
|
"rootDir": ".",
|
||||||
|
"jsx": "react-jsx",
|
||||||
|
"allowJs": true,
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
"typeRoots": [
|
||||||
|
"node_modules/@types"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"include": ["./src", "./types"],
|
||||||
|
"compileOnSave": false
|
||||||
|
}
|
||||||
27
2025-09-14/types/global.d.ts
vendored
Normal file
27
2025-09-14/types/global.d.ts
vendored
Normal file
@@ -0,0 +1,27 @@
|
|||||||
|
/// <reference types="@tarojs/taro" />
|
||||||
|
|
||||||
|
declare module '*.png';
|
||||||
|
declare module '*.gif';
|
||||||
|
declare module '*.jpg';
|
||||||
|
declare module '*.jpeg';
|
||||||
|
declare module '*.svg';
|
||||||
|
declare module '*.css';
|
||||||
|
declare module '*.less';
|
||||||
|
declare module '*.scss';
|
||||||
|
declare module '*.sass';
|
||||||
|
declare module '*.styl';
|
||||||
|
|
||||||
|
declare namespace NodeJS {
|
||||||
|
interface ProcessEnv {
|
||||||
|
/** NODE 内置环境变量, 会影响到最终构建生成产物 */
|
||||||
|
NODE_ENV: 'development' | 'production',
|
||||||
|
/** 当前构建的平台 */
|
||||||
|
TARO_ENV: 'weapp' | 'swan' | 'alipay' | 'h5' | 'rn' | 'tt' | 'quickapp' | 'qq' | 'jd'
|
||||||
|
/**
|
||||||
|
* 当前构建的小程序 appid
|
||||||
|
* @description 若不同环境有不同的小程序，可通过在 env 文件中配置环境变量`TARO_APP_ID`来方便快速切换 appid， 而不必手动去修改 dist/project.config.json 文件
|
||||||
|
* @see https://taro-docs.jd.com/docs/next/env-mode-config#特殊环境变量-taro_app_id
|
||||||
|
*/
|
||||||
|
TARO_APP_ID: string
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user