cherrypick/webpack.config.ts

77 lines
1.6 KiB
TypeScript
Raw Normal View History

2017-02-27 02:51:38 +09:00
/**
* webpack config
*/
2017-02-19 15:54:19 +09:00
import * as webpack from 'webpack';
const StringReplacePlugin = require('string-replace-webpack-plugin');
2017-02-22 10:49:11 +09:00
const constants = require('./src/const.json');
2017-02-27 02:51:38 +09:00
const env = process.env.NODE_ENV;
const isProduction = env === 'production';
2017-02-19 15:54:19 +09:00
2017-02-27 02:51:38 +09:00
const pack: webpack.Configuration = {
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$/,
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
2017-02-19 15:54:19 +09:00
}
}
}
2017-02-27 02:51:38 +09:00
},
{
test: /\.styl$/,
exclude: /node_modules/,
use: [
{ loader: 'style-loader' },
{ loader: 'css-loader' },
{ loader: 'stylus-loader' }
]
}
]
},
plugins: [
new webpack.DefinePlugin({
CONFIG: {
themeColor: JSON.stringify(constants.themeColor)
}
}),
new StringReplacePlugin()
],
output: {
filename: '[name]/script.js'
2017-02-19 15:54:19 +09:00
}
};
2017-02-27 02:51:38 +09:00
if (isProduction) {
2017-03-13 18:18:20 +09:00
//pack.plugins.push(new webpack.optimize.UglifyJsPlugin());
2017-02-27 02:51:38 +09:00
}
module.exports = pack;