opencascade.js stp vite webpack 调试笔记

Hello, World! | OpenCascade.js

cnpm install opencascade.js

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

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

'''

javascript 复制代码
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

javascript 复制代码
  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";

javascript 复制代码
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

卡住了

javascript 复制代码
https://github.com/donalffons/opencascade.js/pull/287
javascript 复制代码
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

打不开

相关推荐
岁忧1 小时前
macOS配置 GO语言环境
开发语言·macos·golang
朝朝又沐沐2 小时前
算法竞赛阶段二-数据结构(36)数据结构双向链表模拟实现
开发语言·数据结构·c++·算法·链表
YGY Webgis糕手之路2 小时前
OpenLayers 综合案例-轨迹回放
前端·经验分享·笔记·vue·web
魔尔助理顾问2 小时前
系统整理Python的循环语句和常用方法
开发语言·后端·python
90后的晨仔3 小时前
🚨XSS 攻击全解:什么是跨站脚本攻击?前端如何防御?
前端·vue.js
Ares-Wang3 小时前
JavaScript》》JS》 Var、Let、Const 大总结
开发语言·前端·javascript
90后的晨仔3 小时前
Vue 模板语法完全指南:从插值表达式到动态指令,彻底搞懂 Vue 模板语言
前端·vue.js
德育处主任3 小时前
p5.js 正方形square的基础用法
前端·数据可视化·canvas
烛阴3 小时前
Mix - Bilinear Interpolation
前端·webgl
90后的晨仔3 小时前
Vue 3 应用实例详解:从 createApp 到 mount,你真正掌握了吗?
前端·vue.js