BabylonJS + Webpack 명령어

https://doc.babylonjs.com/features/es6_support

ES6 - Babylon.js Documentation

npm install webpack webpack-cli webpack-dev-server --save-dev

npm install --save-dev @babylonjs/core

npm install --save-dev @babylonjs/materials

npm install typescript ts-loader --save-dev

 

webpack.config.js

const path = require("path");

 

module.exports = {

  entry: "./src/index.ts",

  output: {

    filename: "main.js",

    path: path.resolve(__dirname, "dist")

  },

  resolve: {

    extensions: [".ts", ".js"]

  },

  module: {

    rules: [

      {

        test: /\.tsx?$/,

        loader: "ts-loader"

      }

    ]

  },

  devServer: {

    contentBase: "./dist",

    port: 3000,

    historyApiFallback: {

      index: "index.html"

    }

  }

};

 

 

 

tsconfig.json

{

  "include": [

    "./src/**/*.ts" //which kind of files to compile

  ],

  "exclude": [

    "./node_modules", //which files or directories to ignore

    "./src/**/*.spec.ts"

  ],

  "compilerOptions": {

    "target": "es5" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019' or 'ESNEXT'. */,

    "module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,

    "sourceMap": true /* Generates corresponding '.map' file. */,

    "outDir": "./dist" /* Redirect output structure to the directory. */,

    "rootDir": "./src" /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */,

    "removeComments": true /* Do not emit comments to output. */,

    "strict": true /* Enable all strict type-checking options. */,

    "noImplicitAny": true /* Raise error on expressions and declarations with an implied 'any' type. */,

    "strictNullChecks": true /* Enable strict null checks. */,

    "noImplicitThis": true /* Raise error on 'this' expressions with an implied 'any' type. */,

    "noImplicitReturns": true /* Report error when not all code paths in function return a value. */,

    "moduleResolution": "node" /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */,

    "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */

  }

}