引入自定义主题导致文字过小,似乎是缩小了一倍. #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
Uh oh!
There was an error while loading. Please reload this page.
-
我的配置文件是这样的,请问是什么原因呢?
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