readFileSync(path.resolve(__dirname, 'certs/server.crt')), }, public: 'https://localhost:8080/', }, }; 生成自签名证书: 使用openssl命令生成自签名证书,存储在项目目录的certs文件夹中: bash mkdir certs openssl req -x509 -newkey rsa:4096 -keyout certs/server.key -out certs/server.crt...
1. 首先在svgTagView.js中引入node文件系统,并在vite中使用 import { readFileSync, readdirSync } from 'fs' 1. readdirSync:同步 readdir().返回文件数组列表 readFileSync:同步读取文件内容 还不知道node fs文件系统的小伙伴,请点击传送门 然后在vite.config.js中的插件plugins中使用它 import { svgTagView ...
const file = fs.readFileSync(resourcePath).toString() // 3. 通过 baseParse 将字符串模板转换成 AST 抽象语法树 const parsed = baseParse(file).children.find(n => n.tag === 'docs') // 4. 标题 const title = parsed.children[0].content // 5. 将 <docs></docs> 标签和内容抽离 const...
const source = readFileSync(file, 'utf-8') const { css } = await render(source, { filename: file }) writeFileSync(replaceExt(file, '.css'), clearEmptyLine(css), 'utf-8') } 很简单,使用less包将less编译成css,然后写入文件即可,到这里又生成了一个css文件: 编译script文件 script部分,主...
cert: fs.readFileSync('./path/to/server.crt'), }, port: 8080, }, }; 将./path/to/server.key和./path/to/server.crt替换为你实际的文件路径。 运行开发服务器: 使用npm run serve或yarn serve启动开发服务器。 访问https://localhost:8080进行验证。
key: fs.readFileSync(path.join(__dirname, 'keys/cert.key')), }, @vitejs/plugin-basic-ssl 另一个方案比较适用的方案,就是自己本地生成证书,并且让浏览器或者系统信任本地证书,项目内进行简单的配置就可以实现访问https://localhost. 生成证书工具可以借助mkcert或者openssl ...
cert:fs.readFileSync(path.join(__dirname,'key/install.pem')), }, }, }) 选择高级 这样我们的项目就运行在 这样就解决了这个问题。 三、Web Serial Api简单使用 串口的选择 constport =awaitnavigator.serial.requestPort();awaitport.open({baudRate:9600});constreader = port.readable.getReader()...
}// 解析完毕,生成jsonfs.writeFileSync(jsonPath,JSON.stringify(picsData)) })// 复制文件functioncp(from, to) { fs.writeFileSync(to, fs.readFileSync(from)) } 运行node index.js,这样我们就可以开始编写前端项目了,把JSON文件引入即是图片列表数组,为了摆放好这些图片,我们先来写写图片列表的样式布局...
2.项目的svg图片存放在src/icons/svg下,我们在这里创建两个文件svgIcon.ts和svgIcon.vue(在哪创建和文件名字并没有任何要求) 3.在svgIcon.ts中加入下列代码(如果报错找不到fs模块请跳转到文章末尾 附录-导入@type/node) import{readFileSync,readdirSync}from'fs'letidPerfix=''constsvgTitle=/<svg([^>+...
fs.writeFileSync(modulesIndexPath, fs.readFileSync(libIndexPath)) 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 最后再重新执行npm install或者pnpm install方法即可 报错补充: 首先上面按照上面步骤修改之后,确实是可以正常展示了,但是又发现个新问题,就是当我们在使用了上面其中的组件的页面进行页面跳转时,会发...