Oak-Team
/
oak-cli
13
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 19 Wiki Activity

oakI18nPlugin 编译t

This commit is contained in:
Wang Kejun 2022-07-18 20:18:01 +08:00
parent eee3e7a66f
commit 905aea17a8
5 changed files with 85 additions and 102 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
config/babel-plugin/oakI18n.js Normal file
View File

@ -0,0 +1,61 @@
const fs = require('fs');
const { relative, resolve } = require('path');
const t = require('@babel/types');
const pull = require('lodash/pull');
const { assert } = require('console');
const oakRegex =
/(\/*[a-zA-Z0-9_-])*\/app\/(pages|components)\/|(\\*[a-zA-Z0-9_-])*\\app\\(pages|components)\\/;
const localRegex =
/(\/*[a-zA-Z0-9_-])*\/src\/(pages|components)+\/|(\\*[a-zA-Z0-9_-])*\\src\/(pages|components)+\\/;
module.exports = (babel) => {
return {
visitor: {
CallExpression(path, state) {
const { cwd, filename } = state;
const res = resolve(cwd, filename).replace(/\\/g, '/');
// this.props.t/this.t/t
// t('common:detail') 不需要处理 t('detail') 需要处理;
// t(`${common}:${cc}`) 不需要处理 t(`${common}cc`) 需要处理
if (
/(pages|components)[\w|\W]+(.tsx|.ts)$/.test(
res
)
) {
const p = res
.replace(oakRegex, '')
.replace(localRegex, '');
const eP = p.substring(0, p.lastIndexOf('/'));
const ns = eP.split('/').filter(ele => !!ele).join('-');
const { node } = path;
if (
node &&
node.callee &&
((t.isIdentifier(node.callee) &&
node.callee.name === 't') ||
(t.isMemberExpression(node.callee) &&
t.isIdentifier(node.callee.property) &&
node.callee.property.name === 't'))
) {
const arguments = node.arguments;
arguments &&
arguments.forEach((node2, index) => {
if (
index === 0 &&
t.isLiteral(node2) &&
node2.value.indexOf(':') === -1
) {
arguments.splice(
index,
1,
t.stringLiteral(ns + ':' + node2.value)
);
}
});
}
}
},
},
};
};

49
config/babel-plugin/oakPath.js
View File

@ -4,11 +4,6 @@ const t = require('@babel/types');
const pull = require('lodash/pull');
const { assert } = require('console');
const oakRegex =
/(\/*[a-zA-Z0-9_-])*\/app\/(pages|components)\/|(\\*[a-zA-Z0-9_-])*\\app\\(pages|components)\\/;
const localRegex =
/(\/*[a-zA-Z0-9_-])*\/src\/(pages|components)+\/|(\\*[a-zA-Z0-9_-])*\\src\/(pages|components)+\\/;
function isOakNamespaceIdentifier(node, name) {
if (t.isJSXNamespacedName(node) && t.isJSXIdentifier(node.namespace) && node.namespace.name === 'oak'
&& t.isJSXIdentifier(node.name) && node.name.name === name) {
@ -164,50 +159,6 @@ module.exports = (babel) => {
}
}
},
CallExpression(path, state) {
const { cwd, filename } = state;
const res = resolve(cwd, filename).replace(/\\/g, '/');
// this.props.t/this.t/t
// t('common:detail') 不需要处理 t('detail') 需要处理;
// t(`${common}:${cc}`) 不需要处理 t(`${common}cc`) 需要处理
if (
/(pages|components)[\w|\W]+(.tsx|.ts)$/.test(
res
)
) {
const p = res
.replace(oakRegex, '')
.replace(localRegex, '');
const eP = p.substring(0, p.lastIndexOf('/'));
const ns = eP.split('/').filter(ele => !!ele).join('-');
const { node } = path;
if (
node &&
node.callee &&
((t.isIdentifier(node.callee) &&
node.callee.name === 't') ||
(t.isMemberExpression(node.callee) &&
t.isIdentifier(node.callee.property) &&
node.callee.property.name === 't'))
) {
const arguments = node.arguments;
arguments &&
arguments.forEach((node2, index) => {
if (
index === 0 &&
t.isLiteral(node2) &&
node2.value.indexOf(':') === -1
) {
arguments.splice(
index,
1,
t.stringLiteral(ns + ':' + node2.value)
);
}
});
}
}
},
},
};
};

47
config/babel-plugin/oakRender.js
View File

@ -4,12 +4,6 @@ const t = require('@babel/types');
const pull = require('lodash/pull');
const { assert } = require('console');
const oakRegex =
/(\/*[a-zA-Z0-9_-])*\/app\/(pages|components)\/|(\\*[a-zA-Z0-9_-])*\\app\\(pages|components)\\/;
const localRegex =
/(\/*[a-zA-Z0-9_-])*\/src\/(pages|components)+\/|(\\*[a-zA-Z0-9_-])*\\src\/(pages|components)+\\/;
module.exports = (babel) => {
return {
visitor: {
@ -132,47 +126,6 @@ module.exports = (babel) => {
});
}
},
CallExpression(path, state) {
const { cwd, filename } = state;
const res = resolve(cwd, filename).replace(/\\/g, '/');
// this.props.t/this.t/t
// t('common:detail') 不需要处理 t('detail') 需要处理;
// t(`${common}:${cc}`) 不需要处理 t(`${common}cc`) 需要处理
if (/(pages|components)[\w|\W]+(.tsx|.ts)$/.test(res)) {
const p = res.replace(oakRegex, '').replace(localRegex, '');
const eP = p.substring(0, p.lastIndexOf('/'));
const ns = eP
.split('/')
.filter((ele) => !!ele)
.join('-');
const { node } = path;
if (
node &&
node.callee &&
((t.isIdentifier(node.callee) &&
node.callee.name === 't') ||
(t.isMemberExpression(node.callee) &&
t.isIdentifier(node.callee.property) &&
node.callee.property.name === 't'))
) {
const arguments = node.arguments;
arguments &&
arguments.forEach((node2, index) => {
if (
index === 0 &&
t.isLiteral(node2) &&
node2.value.indexOf(':') === -1
) {
arguments.splice(
index,
1,
t.stringLiteral(ns + ':' + node2.value)
);
}
});
}
}
},
},
};
};

28
config/mp/webpack.config.js
View File

@ -24,6 +24,9 @@ const pkg = require(paths.appPackageJson);
// Check if TypeScript is setup
const useTypeScript = fs.existsSync(paths.appTsConfig);
const createEnvironmentHash = require('./webpack/persistentCache/createEnvironmentHash');
const oakI18nPlugin = require('../babel-plugin/oakI18n');
const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
const copyPatterns = [].concat(pkg.copyWebpack || []).map((pattern) =>
@ -270,6 +273,9 @@ module.exports = function (webpackEnv) {
),
exclude: /node_modules/,
loader: 'babel-loader',
options: {
plugins: [oakI18nPlugin],
},
},
{
test: /\.((?!tsx)ts)$/,
@ -277,12 +283,22 @@ module.exports = function (webpackEnv) {
getOakInclude()
),
exclude: /node_modules/,
loader: 'ts-loader',
options: {
configFile: paths.appTsConfig,
context: paths.appRootPath,
transpileOnly: true,
},
use: [
{
loader: 'babel-loader',
options: {
plugins: [oakI18nPlugin],
},
},
{
loader: 'ts-loader',
options: {
configFile: paths.appTsConfig,
context: paths.appRootPath,
transpileOnly: true,
},
},
],
},
// {
// test: /\.json$/,

2
config/web/webpack.config.js
View File

@ -31,6 +31,7 @@ const createEnvironmentHash = require('./webpack/persistentCache/createEnvironme
const oakPathTsxPlugin = require('../babel-plugin/oakPath');
const oakRenderTsxPlugin = require('../babel-plugin/oakRender');
const oakRouterPlugin = require('../babel-plugin/router');
const oakI18nPlugin = require('../babel-plugin/oakI18n');
const oakStylePlugin = require('../babel-plugin/oakStyle');
const oakRpxToPxPlugin = require('../postcss-plugin/oakRpxToPx');
@ -493,6 +494,7 @@ module.exports = function (webpackEnv) {
oakPathTsxPlugin,
oakRenderTsxPlugin,
oakRouterPlugin,
oakI18nPlugin,
// oakStylePlugin,
],
// This is a feature of `babel-loader` for webpack (not Babel itself).