引入自定义主题导致文字过小,似乎是缩小了一倍. #2888
Unanswered
xaviersBiscuits
asked this question in
Q&A
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
我的配置文件是这样的,请问是什么原因呢?
import { UnifiedWebpackPluginV5 } from "weapp-tailwindcss/webpack" import { defineConfig, type UserConfigExport } from "@tarojs/cli" import TsconfigPathsPlugin from "tsconfig-paths-webpack-plugin" import devConfig from "./dev" import prodConfig from "./prod" import path from "path" // const isH5 = process.env.TARO_ENV === "h5"; // const isApp = process.env.TARO_ENV === "rn"; // const WeappTailwindcssDisabled = isH5 || isApp; export default defineConfig(async (merge, { command, mode }) => { const baseConfig: UserConfigExport = { projectName: "-", date: "2023-5-6", alias: { "@": path.resolve(__dirname, "..", "src"), }, designWidth(input) { // 配置 NutUI 375 尺寸 if (input?.file?.replace(/\\+/g, "/").indexOf("@nutui") > -1) { return 375 } // 全局使用 Taro 默认的 750 尺寸 return 750 }, deviceRatio: { 640: 2.34 / 2, 750: 1, 828: 1.81 / 2, 375: 2 / 1, }, sourceRoot: "src", outputRoot: "dist", plugins: ["@tarojs/plugin-html", "@tarojs/plugin-http"], defineConstants: {}, copy: { patterns: [], options: {}, }, framework: "react", compiler: { type: "webpack5", prebundle: { enable: false, }, }, // todo:在app中引入可用,在配置文件中引入字体过小 // sass: { // data:
@import "@nutui/nutui-react-taro/dist/styles/variables.scss";@import "@nutui/nutui-react-taro/dist/styles/theme-jmapp.scss";`,// },
cache: {
enable: false, // Webpack 持久化缓存配置,建议开启。默认配置请参考:https://docs.taro.zone/docs/config-detail#cache
},
mini: {
debugReact: true,
postcss: {
pxtransform: {
enable: true,
config: {
selectorBlackList: ["nut-"],
},
},
url: {
enable: true,
config: {
limit: 1024, // 设定转换尺寸上限
},
},
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)
chain.merge({
plugin: {
install: {
plugin: UnifiedWebpackPluginV5,
args: [
{
appType: "taro",
// disabled: WeappTailwindcssDisabled,
rem2rpx: {
rootValue: 16,
propList: ["*"],
transformUnit: "rpx",
},
injectAdditionalCssVarScope: true,
},
],
},
},
})
},
},
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)
})
`
Beta Was this translation helpful? Give feedback.
All reactions