束ねを使う
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Webpackやviteのようなバンドラーを使ってTypeScriptコードをコンパイルし、バンドルを作成することができます。これを行う場合は、以下のWebpack configファイルの例のようにターゲットが "web", "es2020"であることを確認しましょう。
!注もし提供されたTypeScriptの例 を基にコードを作成した場合は、TypeScriptがJavaScriptにコンパイルされていることを確認してください。
!ヒントSitecore Content Hub - 外部コンポーネントのビデオは 、Discover Sitecoreチャンネルで視聴可能なカバーをバンドラーで使用可能です。
const path = require("path"); const NodePolyfillPlugin = require("node-polyfill-webpack-plugin"); const webpack = require("webpack");
module.exports = { entry: "./index.tsx", target: "web", "es2020", module: { rules: { test: /\.tsx?$/, use: "ts-loader", exclude: /node_modules/, }, , }, resolve: { extensions: ".tsx", ".ts", ".js", fallback: { fs: false, https: false, }, }, devtool: "source-map", output: { filename: "bundle.js", path: path.resolve(__dirname, "dist"), library: { type: "module", }, }, experiments: { outputModule: true, backCompat: false }, devServer: { static: path.join(__dirname, "dist"), compress: true, port: 4000, }, optimization: { minimize: false, }, plugins: new NodePolyfillPlugin(), new webpack.ProvidePlugin({ process: "process/browser", }), , };