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 integration
    rollupWasm()  // Provides Rollup-level Wasm support
  ],
  // Optional: If you need to adjust Wasm loading behavior
  optimizeDeps: {
    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 box
        const 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 默认解析为 JSON
        loader: "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

打不开