format project

yhy
FrozenArcher 2024-03-04 20:23:07 +08:00
parent d6671e055a
commit a9d318c6e2
11 changed files with 103 additions and 110 deletions

View File

@ -1,12 +1,12 @@
{ {
"printWidth": 80, "printWidth": 80,
"tabWidth": 2, "tabWidth": 2,
"useTabs": false, "useTabs": false,
"semi": true, "semi": true,
"singleQuote": true, "singleQuote": true,
"proseWrap": "preserve", "proseWrap": "preserve",
"arrowParens": "avoid", "arrowParens": "avoid",
"bracketSpacing": true, "bracketSpacing": true,
"jsxSingleQuote": true, "jsxSingleQuote": true,
"endOfLine": "auto" "endOfLine": "auto"
} }

View File

@ -1,12 +0,0 @@
import TestUtils from '@tarojs/test-utils-react'
describe('Testing', () => {
test('Test', async () => {
const testUtils = new TestUtils()
await testUtils.createApp()
await testUtils.PageLifecycle.onShow('pages/index/index')
expect(testUtils.html()).toMatchSnapshot()
})
})

View File

@ -2,9 +2,12 @@
// https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md // https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
module.exports = { module.exports = {
presets: [ presets: [
['taro', { [
framework: 'react', 'taro',
ts: true {
}] framework: 'react',
] ts: true,
} },
],
],
};

View File

@ -1,9 +1,10 @@
import type { UserConfigExport } from "@tarojs/cli"; import type { UserConfigExport } from '@tarojs/cli';
export default { export default {
logger: { logger: {
quiet: false, quiet: false,
stats: true stats: true,
}, },
mini: {}, mini: {},
h5: {} h5: {},
} satisfies UserConfigExport } satisfies UserConfigExport;

View File

@ -1,7 +1,7 @@
import { defineConfig, type UserConfigExport } from '@tarojs/cli' import { defineConfig, type UserConfigExport } from '@tarojs/cli';
import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin' import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
import devConfig from './dev' import devConfig from './dev';
import prodConfig from './prod' import prodConfig from './prod';
// https://taro-docs.jd.com/docs/next/config#defineconfig-辅助函数 // https://taro-docs.jd.com/docs/next/config#defineconfig-辅助函数
export default defineConfig(async (merge, { command, mode }) => { export default defineConfig(async (merge, { command, mode }) => {
@ -13,54 +13,49 @@ export default defineConfig(async (merge, { command, mode }) => {
640: 2.34 / 2, 640: 2.34 / 2,
750: 1, 750: 1,
375: 2, 375: 2,
828: 1.81 / 2 828: 1.81 / 2,
}, },
sourceRoot: 'src', sourceRoot: 'src',
outputRoot: 'dist', outputRoot: 'dist',
plugins: [], plugins: [],
defineConstants: { defineConstants: {},
},
copy: { copy: {
patterns: [ patterns: [],
], options: {},
options: {
}
}, },
framework: 'react', framework: 'react',
compiler: { compiler: {
type: 'webpack5', type: 'webpack5',
prebundle: { prebundle: {
exclude: ['taro-ui'] exclude: ['taro-ui'],
} },
}, },
cache: { cache: {
enable: false // Webpack 持久化缓存配置建议开启。默认配置请参考https://docs.taro.zone/docs/config-detail#cache enable: false, // Webpack 持久化缓存配置建议开启。默认配置请参考https://docs.taro.zone/docs/config-detail#cache
}, },
mini: { mini: {
postcss: { postcss: {
pxtransform: { pxtransform: {
enable: true, enable: true,
config: { config: {},
}
}, },
url: { url: {
enable: true, enable: true,
config: { config: {
limit: 1024 // 设定转换尺寸上限 limit: 1024, // 设定转换尺寸上限
} },
}, },
cssModules: { cssModules: {
enable: false, // 默认为 false如需使用 css modules 功能,则设为 true enable: false, // 默认为 false如需使用 css modules 功能,则设为 true
config: { config: {
namingPattern: 'module', // 转换模式,取值为 global/module namingPattern: 'module', // 转换模式,取值为 global/module
generateScopedName: '[name]__[local]___[hash:base64:5]' generateScopedName: '[name]__[local]___[hash:base64:5]',
} },
} },
}, },
webpackChain(chain) { webpackChain(chain) {
chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin) chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin);
} },
}, },
h5: { h5: {
esnextModules: ['taro-ui'], esnextModules: ['taro-ui'],
@ -68,43 +63,43 @@ export default defineConfig(async (merge, { command, mode }) => {
staticDirectory: 'static', staticDirectory: 'static',
output: { output: {
filename: 'js/[name].[hash:8].js', filename: 'js/[name].[hash:8].js',
chunkFilename: 'js/[name].[chunkhash:8].js' chunkFilename: 'js/[name].[chunkhash:8].js',
}, },
miniCssExtractPluginOption: { miniCssExtractPluginOption: {
ignoreOrder: true, ignoreOrder: true,
filename: 'css/[name].[hash].css', filename: 'css/[name].[hash].css',
chunkFilename: 'css/[name].[chunkhash].css' chunkFilename: 'css/[name].[chunkhash].css',
}, },
postcss: { postcss: {
autoprefixer: { autoprefixer: {
enable: true, enable: true,
config: {} config: {},
}, },
cssModules: { cssModules: {
enable: false, // 默认为 false如需使用 css modules 功能,则设为 true enable: false, // 默认为 false如需使用 css modules 功能,则设为 true
config: { config: {
namingPattern: 'module', // 转换模式,取值为 global/module namingPattern: 'module', // 转换模式,取值为 global/module
generateScopedName: '[name]__[local]___[hash:base64:5]' generateScopedName: '[name]__[local]___[hash:base64:5]',
} },
} },
}, },
webpackChain(chain) { webpackChain(chain) {
chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin) chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin);
} },
}, },
rn: { rn: {
appName: 'taroDemo', appName: 'taroDemo',
postcss: { postcss: {
cssModules: { cssModules: {
enable: false, // 默认为 false如需使用 css modules 功能,则设为 true enable: false, // 默认为 false如需使用 css modules 功能,则设为 true
} },
} },
} },
} };
if (process.env.NODE_ENV === 'development') { if (process.env.NODE_ENV === 'development') {
// 本地开发构建配置(不混淆压缩) // 本地开发构建配置(不混淆压缩)
return merge({}, baseConfig, devConfig) return merge({}, baseConfig, devConfig);
} }
// 生产构建配置(默认开启压缩混淆等) // 生产构建配置(默认开启压缩混淆等)
return merge({}, baseConfig, prodConfig) return merge({}, baseConfig, prodConfig);
}) });

View File

@ -1,4 +1,5 @@
import type { UserConfigExport } from "@tarojs/cli"; import type { UserConfigExport } from '@tarojs/cli';
export default { export default {
mini: {}, mini: {},
h5: { h5: {
@ -28,5 +29,5 @@ export default {
// postProcess: (context) => ({ ...context, outputPath: path.join(staticDir, 'index.html') }) // postProcess: (context) => ({ ...context, outputPath: path.join(staticDir, 'index.html') })
// })) // }))
// } // }
} },
} satisfies UserConfigExport } satisfies UserConfigExport;

View File

@ -1,6 +0,0 @@
const defineJestConfig = require('@tarojs/test-utils-react/dist/jest.js').default
module.exports = defineJestConfig({
testEnvironment: 'jsdom',
testMatch: ['<rootDir>/__tests__/**/*.(spec|test).[jt]s?(x)']
})

View File

@ -1,3 +1,3 @@
@import "~taro-ui/dist/style/components/tab-bar.scss"; @import '~taro-ui/dist/style/components/tab-bar.scss';
@import "~taro-ui/dist/style/components/badge.scss"; @import '~taro-ui/dist/style/components/badge.scss';
@import "~taro-ui/dist/style/components/icon.scss"; @import '~taro-ui/dist/style/components/icon.scss';

View File

@ -1,17 +1,22 @@
<!DOCTYPE html> <!doctype html>
<html> <html>
<head> <head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <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
<meta name="apple-mobile-web-app-capable" content="yes"> content="width=device-width,initial-scale=1,user-scalable=no"
<meta name="apple-touch-fullscreen" content="yes"> name="viewport"
<meta name="format-detection" content="telephone=no,address=no"> />
<meta name="apple-mobile-web-app-status-bar-style" content="white"> <meta name="apple-mobile-web-app-capable" content="yes" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" > <meta name="apple-touch-fullscreen" content="yes" />
<title>EVA-Notify</title> <meta name="format-detection" content="telephone=no,address=no" />
<script><%= htmlWebpackPlugin.options.script %></script> <meta name="apple-mobile-web-app-status-bar-style" content="white" />
</head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<body> <title>EVA-Notify</title>
<div id="app"></div> <script>
</body> <%= htmlWebpackPlugin.options.script %>
</script>
</head>
<body>
<div id="app"></div>
</body>
</html> </html>

View File

@ -17,12 +17,10 @@
"jsx": "react-jsx", "jsx": "react-jsx",
"allowJs": true, "allowJs": true,
"resolveJsonModule": true, "resolveJsonModule": true,
"typeRoots": [ "typeRoots": ["node_modules/@types"],
"node_modules/@types"
],
"paths": { "paths": {
"@/*": ["./src/*"] "@/*": ["./src/*"]
}, }
}, },
"include": ["./src", "./types", "./config"], "include": ["./src", "./types", "./config"],
"compileOnSave": false "compileOnSave": false

20
types/global.d.ts vendored
View File

@ -14,16 +14,24 @@ declare module '*.styl';
declare namespace NodeJS { declare namespace NodeJS {
interface ProcessEnv { interface ProcessEnv {
/** NODE 内置环境变量, 会影响到最终构建生成产物 */ /** NODE 内置环境变量, 会影响到最终构建生成产物 */
NODE_ENV: 'development' | 'production', NODE_ENV: 'development' | 'production';
/** 当前构建的平台 */ /** 当前构建的平台 */
TARO_ENV: 'weapp' | 'swan' | 'alipay' | 'h5' | 'rn' | 'tt' | 'quickapp' | 'qq' | 'jd' TARO_ENV:
| 'weapp'
| 'swan'
| 'alipay'
| 'h5'
| 'rn'
| 'tt'
| 'quickapp'
| 'qq'
| 'jd';
/** /**
* appid * appid
* @description env `TARO_APP_ID`便 appid dist/project.config.json * @description env `TARO_APP_ID`便
* appid dist/project.config.json
* @see https://taro-docs.jd.com/docs/next/env-mode-config#特殊环境变量-taro_app_id * @see https://taro-docs.jd.com/docs/next/env-mode-config#特殊环境变量-taro_app_id
*/ */
TARO_APP_ID: string TARO_APP_ID: string;
} }
} }