从零开始用TS开发babylonjs - 本机环境搭建

han3527638

已于 2023-06-07 09:20:14 修改

阅读量611

点赞数

文章标签： npm node.js vue.js

于 2023-05-20 10:47:39 首次发布

本文链接：https://blog.csdn.net/han3527638/article/details/130778444

版权

本文介绍了如何从零开始使用TypeScript（TS）开发Babylon.js项目。首先，创建一个名为babylonjs的目录，初始化npm并安装必要的Babylon.js库。接着，配置TypeScript环境，安装Webpack及相关插件。通过编写webpack.config.js和更新package.json的scripts，设置好源文件和输出路径。最后，创建app.ts并引入Babylon.js基础内容，运行npm run build生成dist目录，包含index.html和打包后的js文件，标志着Babylon.js开发环境已准备就绪。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

新建目录babylonjs，进入文件夹中执行：

npm init

后生成一个package.json文件，再执行：

npm install --save-dev @babylonjs/core

npm install --save-dev @babylonjs/inspector

生成【node_modules文件夹】内含各种依赖包

执行：

npx tsc --init 或 tsc --init

生成tsconfig.json文件后，安装webpack：

npm install --save-dev typescript webpack ts-loader webpack-cli

如遇报错，试试再执行一次

创建webpack.config.js 内容：

const path = require("path");
const fs = require("fs");
const appDirectory = fs.realpathSync(process.cwd());

module.exports = {
    entry: path.resolve(appDirectory, "src/app.ts"), //path to the main .ts file
    output: {
        filename: "js/bundleName.js", //name for the javascript file that is created/compiled in memory
    },
    resolve: {
        extensions: [".tsx", ".ts", ".js"

最低0.47元/天解锁文章