webpack相关内容

使用 webpack 处理配置文件

我有一个使用 webpack 2 构建的电子应用程序.我有一个配置文件，就像普通的 webpack 资源一样: config.js:导出默认{配置1:1，配置2:2}主.js:从'../some/path/config'导入配置；控制台.log(config.config1); 如您所料，配置文件代码最终在我的 bundle.js 文件中.问题是配置文件的重点是您可以在部署后更改它们.如果我希 ..

发布时间：2022-01-10 22:41:16 webpack electron webpack-2 其他开发

如果我使用带有电子 js 的 vue 路由器，如何修复空白页?

我正在尝试将 vue 路由器与 Electron JS 上的应用程序一起使用.如果我在渲染页面上使用路由器，那么路由器的工作就完成了.但我不明白如何转换到页面，例如 - 使用托盘的“设置".尝试转换时会打开空白页面.我已经准备了该项目的工作示例.此问题仅存在构建项目.在开发模式下一切正常. 这是我在 github 上的工作示例.请需要帮助. git 克隆 https://github.co ..

发布时间：2022-01-10 22:37:57 vue.js webpack electron vue-router 前端开发

如何管理 Webpack/Electron 应用程序的配置?

我正在使用 Webpack 2 和 Electron 在 Mac 上构建 nodejs 应用程序. 在我的根目录中的项目中，我有目录“数据"，我将配置存储在 json 中，例如 data/configurations/files.json(实际上有不同的文件具有动态名称) 虽然当我调用 webpackaing 后: fs.readdirSync(remote.app.getAppPat ..

发布时间：2022-01-10 22:32:24 javascript node.js webpack electron 前端开发

如何使用 fs 与电子反应?

我想使用 react+webpack+electron 构建一个桌面应用程序.如何将 fs 模块注入到 react 中，以便我可以使用它来读取原生文件?我有一个组件，例如: class Some extends Component {使成为() {返回 {this.props.content}}}导出默认一些； 在entry.js中: 从'react'导入反应；从're ..

发布时间：2022-01-10 22:31:25 reactjs webpack electron 其他开发

在带有 Webpack 的 Electron 渲染器中使用 Node.js 插件

我有以下渲染器: 从“serialport"导入SerialPort；新串行端口(“/dev/tty-usbserial1"，{波特率:57600})； 它由 Webpack 构建，具有以下配置(为简洁起见): const config = {条目:{渲染器:[“./src/renderer"]}输出: {路径:`${__dirname}/dist`,文件名:“[名称].js"，},目标:“ ..

发布时间：2022-01-10 22:30:21 javascript node.js webpack electron node-serialport 前端开发

this.util.TextEncoder 不是仅在电子应用程序中的构造函数(适用于 chrome)

我正在使用 tensorflow bodypix 模型创建一个身体分割应用程序.它在浏览器中运行良好.我正在使用 webpack 来使用它的模块(见下文) import * as wasm from "@tensorflow/tfjs-backend-wasm";从“@tensorflow/tfjs-core"导入 * as tf；从“@tensorflow-models/body-pix"导入 ..

发布时间：2022-01-10 22:20:34 javascript webpack electron tensorflow.js bodypix 前端开发

将 node require 与 Electron 和 Webpack 一起使用

我正在使用 Electron 构建一个项目，并使用 Webpack 构建(Angular 2)渲染过程应用程序. 在这个应用程序中，我需要在运行时动态 require 一些在构建时不存在的文件.代码如下所示: require("fs").readdirSync(this.path).forEach(file => {让 myModule = require(path.join(this.p ..

发布时间：2022-01-10 22:20:00 node.js webpack electron 其他开发

背景图像未在电子应用程序中加载

我在 login.vue 组件所在的目录中有一个图像文件(以下代码所在的位置).但是，当我尝试此代码时，图像将无法加载: 我收到此错误: 加载资源失败:服务器响应状态为 404(未找到) 这很奇怪，因为我可以在终端中看到我的图 ..

发布时间：2022-01-10 22:19:36 html css webpack vue.js electron 前端开发

Webpack 找不到模块“电子"

我正在尝试基于 本教程 似乎他们在捆绑 webpack 时出现了一些错误，因为我无法在渲染器组件中要求/导入电子遥控器. 在我的 AppComponent 中，我执行以下操作 从'electron'导入{remote}； 我的 Webpack 配置 var path = require('path');var webpack = require('webpack');var Co ..

发布时间：2022-01-10 22:15:46 typescript webpack angular electron 其他开发

如何让 Winston 使用 Webpack?

我有一个使用 node.js 的电子应用程序.我想使用 Winston 登录应用程序.我已将 winston 添加到我的 package.json 文件中，但是当我为 webpack 运行构建命令时，我收到了来自 winston 中的 colors.js 依赖项的一些警告. '...依赖的请求是一个表达式...' 然后它引用winston 和colors.js.忽略警告不起作用，因为电子应用程 ..

发布时间：2022-01-10 22:12:55 javascript angular webpack electron winston 前端开发

如何在 react/webpack 2 设置中导入电子 ipcRenderer

使用电子、react (es6/jsx)、sass、pouchdb 和 webpack 2 设置.我无法导入或要求 ipcRenderer 使主进程和渲染器进程之间的通信成为可能.我的设置可以在这里找到:https://github.com/wende60/timeTracker 任何提示如何将 ipcRenderer 放入反应组件? 干杯，乔 解决方案 const elect ..

发布时间：2022-01-10 22:11:15 reactjs webpack electron 其他开发

为什么将 webpack 与电子一起使用

我正在用电子做实验.我看到很多使用 webpack 的例子. 但是为什么要使用 webpack 之类的东西呢?因为据我所知，electron 支持 require('module'). 解决方案 electron中使用的不是webpack.require 函数是 node.js 的一部分，它是 electron 的基础. 关于 node.js 文档中的模块的更多信息:https ..

发布时间：2022-01-10 22:10:52 webpack electron 其他开发

使用 webpack 为 Electron 应用程序捆绑错误`无法解析模块'电子'`

我正在尝试使用 React 创建一个 Electron 应用程序.我使用 Webpack 来编译 React JSX 语法，但是当我尝试使用 webpack 命令编译时，我得到了这个错误: ./app.jsx 中的错误未找到模块:错误:无法解析/Users/masterT/Downloads/gist 中的模块“电子" @./app.jsx 6:18-37 这是应用程序代码. ..

发布时间：2022-01-10 21:55:49 node.js reactjs webpack electron 其他开发

Electron IPC 和节点集成

因此，我遵循了许多指南来设置 Webpack、Electron 和 React 以制作桌面应用程序.完成设置后，我开始工作，并了解到我需要来自 main 和 renderer 的 IPC 机制才能进行通信. 从“electron"导入{ipcRenderer}；将此添加到我的 renderer.js 文件会导致错误 Uncaught ReferenceError: require is no ..

发布时间：2022-01-10 21:50:28 javascript reactjs webpack electron 前端开发

Angular2 路由.请求的路径在索引 1 处包含未定义的段

我在 Angular 2 中遇到路由问题.我将 router.navigate 从操作调用到数据表中.罕见的是，有时当我单击调用此行的按钮时，它可以正常工作，有时却不行. this.router.navigate(['edit', id], {relativeTo: this.activatedRoute}); 显示检查器元素的错误是: 请求的路径在索引 1 处包含未定义的段 我正在使用 ..

发布时间：2022-01-10 18:13:53 angular routing webpack datatables navigation 其他开发

IE11 中的 Webpack 中断

很难追查到这一点，所以感谢您对我的包容.一些用户抱怨我们的网站在 IE11 中被破坏.该应用正在使用 nextjs 3.0.1 和 webpack 2.7.0. 在开发模式下调试 我想我有一个类似于 Angular RxJs 计时器在 IE11 上暂停.我从 IE11 中名为 webpack///webpack bootstrapxxxxxxxxxx(其中 x 是一些十六进制数字)的引 ..

发布时间：2022-01-08 23:32:31 javascript webpack ecmascript-6 babeljs nextjs 前端开发

如何配置 Storybook.js Webpack 以使用 Next.js 项目中 CSS 模块中的绝对图像路径?

我正在尝试将 Storybook 配置为与 Next.js、Ant Design、Less 和 TypeScript 一起使用.在 Next.js 中，图像必须存储在 public/ 文件夹中，并使用在整个项目中使用的绝对路径进行引用.我在配置 Storybook.js webpack 以解析这些绝对图像路径时遇到问题. 例如，在 CSS 模块中我可以: .testImage {背景图片: ..

发布时间：2022-01-08 23:28:44 javascript css webpack next.js storybook 前端开发

Nextjs 从父目录导入外部组件

我有外部目录 common，我想将该目录中的 react 组件导入 web-static.在 web-static 我正在使用 nextjs. 目前我有这个错误: 找不到模块:无法解析“/Users/jakub/Sites/WORK/wilio-web-common/common/src/@vendor/atoms"中的“react" 我将这些行添加到 next.config.j ..

发布时间：2022-01-08 23:27:55 javascript reactjs webpack next.js vercel 前端开发

Nextjs-Graphql webpack loader:如何将 Nextjs 与 Graphql loader 集成

我正在尝试将 Nextjs 与 graphql-tag/loader 集成，这是我的 next.config.js 文件: const withSass = require('@zeit/next-sass')const graphqlLoader = require('graphql-tag/loader')module.exports = withSass({webpack: (config ..

发布时间：2022-01-08 23:27:38 javascript webpack graphql next.js graphql-tag 前端开发

无法修复“意外的令牌名称«i»，预期的双引号«;»"来自 UglifyJs

我创建了一个带有自定义下一个服务器的反应应用 server.js: const { createServer } = require('http');常量下一个 = 要求('下一个');常量应用 = 下一个({开发:process.env.NODE_ENV !== '生产'，配置:{webpack: 配置 =>{config.devtool = 假；for (config.module.r ..

发布时间：2022-01-08 23:26:57 reactjs npm webpack next.js uglifyjs 其他开发