1
0

webpack.config.js 995 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. const path = require("path");
  2. const HtmlWebPackPlugin = require("html-webpack-plugin");
  3. module.exports = {
  4. mode: "development",
  5. entry: {
  6. app: "./src/index.ts",
  7. "editor.worker": "monaco-editor/esm/vs/editor/editor.worker.js",
  8. "json.worker": "monaco-editor/esm/vs/language/json/json.worker",
  9. "css.worker": "monaco-editor/esm/vs/language/css/css.worker",
  10. "html.worker": "monaco-editor/esm/vs/language/html/html.worker",
  11. "ts.worker": "monaco-editor/esm/vs/language/typescript/ts.worker"
  12. },
  13. resolve: {
  14. extensions: [".ts", ".js"]
  15. },
  16. output: {
  17. globalObject: "self",
  18. filename: "[name].bundle.js",
  19. path: path.resolve(__dirname, "dist")
  20. },
  21. module: {
  22. rules: [
  23. {
  24. test: /\.ts?$/,
  25. use: "ts-loader",
  26. exclude: /node_modules/
  27. },
  28. {
  29. test: /\.css$/,
  30. use: ["style-loader", "css-loader"]
  31. }
  32. ]
  33. },
  34. plugins: [
  35. new HtmlWebPackPlugin({
  36. title: "Monaco Editor Sample"
  37. })
  38. ]
  39. };