Vue3 微信小程序 definePageConfig 不能读取配置文件

[GiantappMan]

不行

const page = "首页";
definePageConfig({
  navigationBarTitleText: page,
});

---

行

definePageConfig({
  navigationBarTitleText: "首页",
});

我尝试动态读取标题，但是发现不行。写死字符串就可以，请问这是为什么。。。

[GiantappMan]

我希望把所有文本定义到配置中，方便直接修改

[b2nil]

@DaZiYuan
SFC 中的 definePageConfig 目前是用正则匹配读取配置的，无法处理参数为变量或含有变量的情况。
如果必须要使用变量的话，暂时可以用单独的配置文件来处理。

[GiantappMan]

@DaZiYuan SFC 中的 definePageConfig 目前是用正则匹配读取配置的，无法处理参数为变量或含有变量的情况。 如果必须要使用变量的话，暂时可以用单独的配置文件来处理。

单独配置文件是哪种方式，麻烦详细解释一下。。。感谢
我这里单独弄了个ts来存，读取也不行

import {data} from 'xxx'
console.log(data);//有值，
definePageConfig({
  navigationBarTitleText:data, //还是没值
});

[b2nil]

单独的页面配置文件，详见文档。

页面配置需要使用 export default 把配置暴露给 tarojs/helper 中的 readConfig 来读取：

import {data} from 'xxx'
console.log(data);//有值，
export default definePageConfig({
  navigationBarTitleText:data, 
});

[GiantappMan]

可以了，但是别名似乎在单独配置中不生效，相对路径才可以

[b2nil]

是的，目前 taro 分析页面配置文件中的引入路径时，暂时是没有处理别名的。兄弟有空的话，可以考虑考虑提个 Issue 或 PR。

taro/packages/taro-helper/src/utils.ts

Lines 494 to 534 in 71c900f

	function analyzeImport (filePath: string): string[] {
	const parser = require('@babel/parser')
	const traverse = require('@babel/traverse').default
	const code = fs.readFileSync(filePath).toString()
	let importPaths: string[] = []
	filePath = path.dirname(filePath)
	const ast = parser.parse(code, {
	sourceType: 'module',
	plugins: [
	'typescript',
	'classProperties',
	'objectRestSpread',
	'optionalChaining'
	]
	})
	traverse(ast, {
	ImportDeclaration ({ node }) {
	const list: string[] = []
	const source = node.source.value
	if (path.extname(source)) {
	const importPath = path.resolve(filePath, source)
	list.push(importPath)
	} else {
	['.js', '.ts', '.json'].forEach(ext => {
	const importPath = path.resolve(filePath, source + ext)
	list.push(importPath)
	})
	}
	const dep = list.find(importPath => fs.existsSync(importPath))
	if (!dep) return
	importPaths.push(dep)
	importPaths = importPaths.concat(analyzeImport(dep))
	}
	})
	return importPaths
	}

[GiantappMan]

#11716 提交了一个Issue