밑에건 Webpack의 설정 파일입니다.
웹팩으로 빌드를 하면 결과물은 Map.js로 나옵니다.
이걸 HTML에 넣고 객체를 선언을 하게되면 let test = new LonLat(0,0) 에러 없이 값이 들어가게 됩니다.
허나 let test = new Zoom (0,0) 인 경우는 개체는 이 기능을 지원하지 않습니다 라고 에러가 뜨네요.
배열의 순서중 제일 마지막에 것만 인식을 하게 됩니다.
원인을 찾을 수가 없네요.
Zoom:{ ./wwwroot/Scripts/src/Data/Zoom.ts } 이런식으로 다 묶기도 그렇고...
방법이 없을까요?
module.exports = {
entry: {
Map:
[
"./wwwroot/Scripts/src/Data/Zoom.ts",
"./wwwroot/Scripts/src/Data/LonLat.ts"
]
}
,
output: {
filename: '[name].js',
libraryTarget: 'umd',
library: '[name]',
path: path.resolve(__dirname, 'wwwroot/Scripts/build')
},
module: {
rules: [
{
test: /\.ts?$/,
loader: 'ts-loader',
exclude: /node_modules/
}
]
},
resolve: {
extensions: [".tsx", ".ts", ".js"]
},
devtool: 'source-map'
};