Files
core/webpack.config.js
T
2021-08-25 02:44:46 +09:00

196 lines
6.1 KiB
JavaScript

const path = require('path');
const { VueLoaderPlugin } = require('vue-loader');
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
const { resolve } = require('path');
module.exports = (env) => {
const target = env.target??'hwe';
const ingame = {
name: 'ingame',
resolve: {
extensions: [".js", ".ts", ".tsx"],
alias: {
'@': resolve(__dirname, `${target}/ts`)
}
},
entry: {
chiefCenter: `${target}/ts/chiefCenter.ts`,
inheritPoint: `${target}/ts/inheritPoint.ts`,
common: `${target}/ts/common_deprecated.ts`,
troop: `${target}/ts/troop.ts`,
map: `${target}/ts/map.ts`,
install_db: `${target}/ts/install_db.ts`,
install: `${target}/ts/install.ts`,
battle_simulator: `${target}/ts/battle_simulator.ts`,
recent_map: `${target}/ts/recent_map.ts`,
processing: `${target}/ts/processing.ts`,
select_npc: `${target}/ts/select_npc.ts`,
betting: `${target}/ts/betting.ts`,
board: `${target}/ts/board.ts`,
bossInfo: `${target}/ts/bossInfo.ts`,
myPage: `${target}/ts/myPage.ts`,
//FORM 입력용, frontend 변경후 제거
defaultSelectCityByMap: '@/defaultSelectCityByMap.ts',
defaultSelectNationByMap: '@/defaultSelectNationByMap.ts',
colorSelect: '@/colorSelect.ts',
recruitCrewForm: '@/recruitCrewForm.ts'
},
output: {
filename: '[name].js',
path: resolve(__dirname, `${target}/js`)
},
mode: 'production',
devtool: 'source-map',
optimization: {
splitChunks: {
cacheGroups: {
commons: {
test: /[\\/]node_modules[\\/]/,
name: 'vendors',
chunks: 'all',
},
},
}
},
module: {
rules: [{
test: /\.(ts|tsx)$/i,
exclude: /(node_modules)/,
use: [{
loader: 'babel-loader',
options: {
presets: [
['@babel/preset-env', {
"targets": "> 0.2%, not ie>8, not op_mini all",
"useBuiltIns": "usage",
"corejs": 3,
"modules": false
}],
'@babel/preset-typescript'
]
}
}, 'ts-loader']
}, {
test: /\.vue$/i,
exclude: /(node_modules)/,
use: [
'vue-loader'
]
}, {
test: /\.css$/i,
use: [
MiniCssExtractPlugin.loader,
"css-loader",
],
}, {
test: /\.s[ac]ss$/i,
use: [
MiniCssExtractPlugin.loader,
"css-loader",
"sass-loader",
],
}]
},
plugins: [
new VueLoaderPlugin(),
new MiniCssExtractPlugin({
filename: '../css/[name].css'
}),
//new BundleAnalyzerPlugin()
],
cache: {
type: 'filesystem',
allowCollectingMemory: true,
},
};
const gateway = {
name: 'gateway',
resolve: {
extensions: [".js", ".ts", ".tsx"]
},
entry: {
'common': './ts/common_deprecated.ts',
'entrance': './ts/entrance.ts',
'user_info': './ts/user_info.ts',
},
output: {
filename: '[name].js',
path: path.resolve(__dirname, 'js'),
},
mode: 'production',
devtool: 'source-map',
optimization: {
splitChunks: {
cacheGroups: {
commons: {
test: /[\\/]node_modules[\\/]/,
name: 'vendors',
chunks: 'all',
},
},
}
},
module: {
rules: [{
test: /\.(ts|tsx)$/i,
exclude: /(node_modules)/,
use: {
loader: 'babel-loader',
options: {
presets: [
['@babel/preset-env', {
"targets": "> 0.2%, not ie>8, not op_mini all",
"useBuiltIns": "usage",
"corejs": 3,
"modules": false
}],
'@babel/preset-typescript'
]
}
}
},
{
test: /\.vue$/i,
exclude: /(node_modules)/,
use: [
{ loader: 'vue-loader' }
]
}, {
test: /\.css$/i,
use: [
MiniCssExtractPlugin.loader,
"css-loader",
],
}, {
test: /\.s[ac]ss$/i,
use: [
MiniCssExtractPlugin.loader,
"css-loader",
"sass-loader",
],
}]
},
plugins: [
new VueLoaderPlugin(),
new MiniCssExtractPlugin({
filename: '../css/[name].css'
}),
//new BundleAnalyzerPlugin()
],
cache: {
type: 'filesystem',
allowCollectingMemory: true,
},
};
if(target == 'hwe'){
return [ingame, gateway];
}
else{
return [ingame];
}
}