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

打不开

相关推荐
eric*16883 分钟前
尚硅谷张天禹老师课程配套笔记
前端·vue.js·笔记·vue·尚硅谷·张天禹·尚硅谷张天禹
Q_9709563910 分钟前
java+vue+SpringBoo足球社区管理系统(程序+数据库+报告+部署教程+答辩指导)
java·开发语言·数据库
程序员爱钓鱼19 分钟前
Go语言中的反射机制 — 元编程技巧与注意事项
前端·后端·go
为了更好的明天而战34 分钟前
Java 中的 ArrayList 和 LinkedList 区别详解(源码级理解)
java·开发语言
GIS之路40 分钟前
GeoTools 结合 OpenLayers 实现属性查询(二)
前端·信息可视化
just小千43 分钟前
重学React(二):添加交互
javascript·react.js·交互
烛阴1 小时前
一文搞懂 Python 闭包:让你的代码瞬间“高级”起来!
前端·python
AA-代码批发V哥1 小时前
HTML之表单结构全解析
前端·html
JosieBook1 小时前
【Java编程动手学】Java中的数组与集合
java·开发语言·python
qq_589568101 小时前
element-plus按需自动导入的配置 以及icon图标不显示的问题解决
开发语言·javascript·ecmascript