nativescript webpack 폴리필 적용
NativeScript에서 웹팩 폴리필을 적용하는 방법을 공유합니다. 디스코드 채널에서 찾은 팁으로, 브라우저 환경에서 필요한 모듈을 설정하는 방법을 설명합니다.
GGAMI
// fallback apply
webpack.mergeWebpack({
resolve: {
fallback: {
"stream": require.resolve("stream-browserify"),
"zlib": require.resolve("browserify-zlib"),
"https": require.resolve("https-browserify"),
"http": require.resolve("stream-http"),
"assert": require.resolve("assert/"),
"crypto": require.resolve("crypto-browserify"),
"os": require.resolve("os-browserify/browser"),
"path": require.resolve("path-browserify"),
"process": require.resolve("process/browser"),
"url": require.resolve("url/"),
"buffer": require.resolve("buffer"),
"util": require.resolve("util/"),
"tty": require.resolve("tty-browserify"),
"vm": require.resolve("vm-browserify"),
"fs": false // fs 모듈은 브라우저 환경에서 사용되지 않기 때문에 false로 설정
}
},
plugins: [
new NormalModuleReplacementPlugin(/^node:/, (resource) => {
resource.request = resource.request.replace(/^node:/, "");
})
]
});