opencascade.js stp vite webpack 调试笔记

Hello, World! | OpenCascade.js

 cnpm install opencascade.js

 cnpm install vite-plugin-wasm --save-dev

当你不知道文件写哪的时候trae还是有点用的

‘’‘

import { defineConfig } from 'vite';
import wasm from 'vite-plugin-wasm';
import rollupWasm from '@rollup/plugin-wasm';export default defineConfig({plugins: [wasm(),  // Handles Wasm ESM integrationrollupWasm()  // Provides Rollup-level Wasm support],// Optional: If you need to adjust Wasm loading behavioroptimizeDeps: {exclude: ['opencascade.js']  // Prevent Vite from pre-bundling the Wasm module}
});

 ’‘’

 c++的瓶子教程Open CASCADE Technology: Tutorial

any

 

重装另一个 

 pnpm install  opencascade.js@beta 

 配置您的 Bundler | OpenCascade.js --- Configuring Your Bundler | OpenCascade.js

  initOpenCascade().then(oc => {// Initialize with explicit WASM file path configuration// Use the initialized oc object to create the boxconst box = oc.BRepPrimAPI_MakeBox(new oc.gp_Pnt_3(ox, oy, oz), // Note: Fixed typo `oc.gp_Pnt_3` → `oc.gp_Pnt`width,height,depth).Shape();// 创建 STEP 写入器const writer = new oc.STEPControl_Writer();// 设置 STEP 协议版本（AP203：仅几何数据；AP214：含机械属性）oc.Interface_Static_1("write.step.schema", "AP203");

有了 

import initOpenCascade from "opencascade.js/dist/opencascade.full.js";

import initOpenCascade from "opencascade.js/dist/opencascade.full.wasm?init";

太酷了，和我的问题一模一样

无法使用 Vite 绑定库 · 问题 #268 · donalffons/opencascade.js --- Cannot bind the library with Vite · Issue #268 · donalffons/opencascade.js

 卡住了

https://github.com/donalffons/opencascade.js/pull/287

git clone -b start-template-vite-react https://github.com/kcrlee/opencascade.js.git

搞不定，放着了

-----------------------------------------------------

Webpack 和vite什么区别

pnpm install --save-dev webpack-cli webpack-dev-server

 

webpack.config.js

module: {rules: [{test: /\.wasm$/,type: "javascript/auto",  // 避免 Webpack 默认解析为 JSONloader: "file-loader"     // 确保 WASM 文件被正确打包}]}// Webpack 5 配置（移除废弃的 `node` 字段）fallback: {fs: false;          // 不填充 Node.js 的 `fs` 模块（前端无需）perf_hooks: false;os: false;worker_threads: false;crypto: false;stream: false}

pnpm install file-loader --save-dev

参考webpack超详细教程，学webpack看这一篇就够了！（上）_webpack教程-CSDN博客

ai搞不定 

webpack 中文文档 | webpack中文文档 | webpack中文网

不会webpack的前端可能是捡来的，万字总结webpack的超入门核心知识-阿里云开发者社区

得要一个module.exports

成功了？ 

设置这两个vite就能用webpack的东西了

webpack里面的console也是可以运行的

里面的循环对外面无效

初始化一万年 

不能在vite端上面搞了

我这个硬盘里有个ubuntu系统，webpack扫描错误

webpack也不行，用electron吧

用pyocc吧

git clone https://github.com/donalffons/opencascade.js-examples.git

打不开