115 lines
2.7 KiB
TypeScript
115 lines
2.7 KiB
TypeScript
/**
|
|
* webpack config
|
|
*/
|
|
|
|
import * as fs from 'fs';
|
|
import * as webpack from 'webpack';
|
|
const StringReplacePlugin = require('string-replace-webpack-plugin');
|
|
import * as yaml from 'js-yaml';
|
|
|
|
import version from './src/version';
|
|
const constants = require('./src/const.json');
|
|
|
|
const languages = {
|
|
'en': yaml.safeLoad(fs.readFileSync('./locales/en.yaml', 'utf-8')),
|
|
'ja': yaml.safeLoad(fs.readFileSync('./locales/ja.yaml', 'utf-8'))
|
|
};
|
|
|
|
const env = process.env.NODE_ENV;
|
|
const isProduction = env === 'production';
|
|
|
|
module.exports = (Object as any).entries(languages).map(([lang, locale]) => {
|
|
const pack /*: webpack.Configuration ← fuck wrong type definition!!! */ = {
|
|
name: lang,
|
|
entry: {
|
|
'desktop': './src/web/app/desktop/script.js',
|
|
'mobile': './src/web/app/mobile/script.js',
|
|
'dev': './src/web/app/dev/script.js',
|
|
'auth': './src/web/app/auth/script.js'
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
enforce: 'pre',
|
|
test: /\.(tag|js)$/,
|
|
exclude: /node_modules/,
|
|
loader: StringReplacePlugin.replace({
|
|
replacements: [
|
|
{ pattern: /%i18n:(.+?)%/g, replacement: (_, key) => {
|
|
let text = locale;
|
|
const error = key.split('.').some(k => {
|
|
if (text.hasOwnProperty(k)) {
|
|
text = text[k];
|
|
return false;
|
|
} else {
|
|
return true;
|
|
}
|
|
});
|
|
if (error) {
|
|
console.warn(`key '${key}' not found in '${lang}'`);
|
|
return '-UNTRANSLATED-';
|
|
} else {
|
|
return text.replace(/'/g, '\\\'').replace(/"/g, '\\"');
|
|
}
|
|
} }
|
|
]
|
|
})
|
|
},
|
|
{
|
|
enforce: 'pre',
|
|
test: /\.tag$/,
|
|
exclude: /node_modules/,
|
|
loader: StringReplacePlugin.replace({
|
|
replacements: [
|
|
{ pattern: /\$theme\-color\-foreground/g, replacement: () => constants.themeColorForeground },
|
|
{ pattern: /\$theme\-color/g, replacement: () => constants.themeColor },
|
|
]
|
|
})
|
|
},
|
|
{
|
|
test: /\.tag$/,
|
|
exclude: /node_modules/,
|
|
loader: 'riot-tag-loader',
|
|
query: {
|
|
hot: false,
|
|
style: 'stylus',
|
|
expr: false,
|
|
compact: true,
|
|
parserOptions: {
|
|
style: {
|
|
compress: true
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
test: /\.styl$/,
|
|
exclude: /node_modules/,
|
|
use: [
|
|
{ loader: 'style-loader' },
|
|
{ loader: 'css-loader' },
|
|
{ loader: 'stylus-loader' }
|
|
]
|
|
}
|
|
]
|
|
},
|
|
plugins: [
|
|
new webpack.DefinePlugin({
|
|
VERSION: JSON.stringify(version),
|
|
THEME_COLOR: JSON.stringify(constants.themeColor)
|
|
}),
|
|
new StringReplacePlugin()
|
|
],
|
|
output: {
|
|
path: __dirname + '/built/web/assets',
|
|
filename: `[name].${version}.${lang}.js`
|
|
}
|
|
};
|
|
|
|
if (isProduction) {
|
|
//pack.plugins.push(new webpack.optimize.UglifyJsPlugin());
|
|
}
|
|
|
|
return pack;
|
|
});
|