webpack相关内容

如何使用 webpack 添加一个 js 文件?

我正在阅读这个 webpack 教程: https://webpack.github.io/docs/usage.html 它说它捆绑了 src 文件和 node_modules.如果我想在那里添加另一个 .js 文件,我该怎么做?这是一个第三方js文件,它不属于源文件,也不属于node_modules文件.这是我当前的 webpack.config.js: var path = r ..
发布时间:2021-12-18 18:37:56 前端开发

如何在 React.js 应用程序中配置 Stylus 支持?

我希望我的 React.js 应用程序中的类可以从 .styl 文件中导出,就像从 CSS 模块中导出一样,但我找不到任何这个问题的现成解决方案. 我找到了设置 CSS 模块的指南 在使用 Create React App 创建的应用程序中. 我知道您需要运行 npm run eject 并以某种方式重写配置文件, 但如何 - 我不明白. 解决方案 你需要在你的项目中安装下一个 ..
发布时间:2021-12-18 18:36:44 前端开发

在 React.js、node.js、webpack、babel、express 中使用 fs 模块

我有一个要求,我要在其中渲染显示表单的视图.在提交表单时,我需要收集表单数据并创建一个文件并将表单数据保存为该文件中的 JSON.我正在使用 React.js、node.js、babel 和 webpack. 在努力实现这一目标后,我发现我必须使用同构或通用 javascript,即在服务器端使用 react 和 render,因为我们不能在客户端使用 fs 模块.参考了这个服务器端. ..

如何在没有webpackJsonp的情况下生成js文件

我希望 webpack 处理 js 文件 (minify/uglify) 但不将其格式化为模块 - 所以它只是包含初始代码 (minified/uglified) 没有任何 webpackJsonp 的原始 js 文件.我需要这样一个文件来在浏览器中加载 webpack 之前加载它,以检测是否加载了自定义字体.如果我使用 webpack 模块来做,那么我的包会在加载字体文件后加载. 解决方案 ..
发布时间:2021-12-18 18:36:15 前端开发

es6 模块如何导入自身?

我有一个名为 fooModule 的模块.在这个模块中,我导入 fooModule(本身): import * as fooModule from './fooModule';导出函数 logFoo() {控制台日志(fooModule)} 当 logFoo() 被调用时,我可以看到 fooModule 的所有导出.这是如何运作的? 解决方案 循环依赖对于声明式导入/导出没有问题.在您 ..
发布时间:2021-12-18 18:36:06 前端开发

Webpack - sass 加载器找不到图像

sass loader 文档说:“如果您只是生成 CSS 而不将其传递给 css-loader,则它必须相对于您的 Web 根目录".所以我照它说的做了,我在我的 project root 中有我的 index.html,然后我试图从我的scss 文件.现在我有 2 个错误:1)来自 Chrome 的控制台:找不到模块“./img/header.jpg".2)从我的终端: 错误在./~/css- ..
发布时间:2021-12-18 18:35:33 前端开发

Webpack 缺少模块“未找到模块"

我目前正在一个 react webpack babel 等站点上工作,并尝试第一次构建.构建成功,但是当我打开浏览器时出现以下错误: 未捕获的错误:找不到模块“/Users/michael.nakayama/Documents/Development/jamsesh/node_modules/webpack/node_modules/node-libs-browser/node_modules/ ..
发布时间:2021-12-18 18:35:24 前端开发

摇树创建反应应用程序?

我使用 create-react-app 创建了我的 React 应用程序,现在将 TypeScript 与create-react-app-typescript. 一切正常,但问题是 - 特别是因为我使用了很好但很重的 material-ui - 构建包的大小相当大 - 几乎达到 1MB. 如何使用摇树工具(例如在 Webpack 2 或 rollup 中)?我不想 eject 已经 ..
发布时间:2021-12-18 18:35:16 其他开发

如何使用 webpack 保持我的shebang?

有什么方法可以让 Webpack 将 #!/usr/bin/env 节点 保留在我的文件顶部? 我正在尝试将 CLI 与模块捆绑在一起……仅使用一个配置文件单独导出我的 index.js/cli.js 有点棘手……并且使 cli 需要索引...我得到了它的工作... 但是..我没有找到任何方法将 #!/usr/bin/env node 保留在我的 cli 文件的顶部,有什么想法吗? ..
发布时间:2021-12-18 18:35:08 前端开发

webpack2:如何为 react-bootstrap 导入 Bootstrap CSS 以找到其样式?

我在我的项目中使用 webpack 2 和 react-bootstrap;我找不到如何正确应用引导 CSS 样式,似乎 .css 文件没有加载,无论我尝试使用哪个 import 语句. 据我所知,我不需要带有 javascript 等的完整引导程序包,因为我使用的是 react-bootstrap ;我只需要 CSS.所以我在我的 main.js 文件中添加了这个: import 'bo ..
发布时间:2021-12-18 18:34:51 前端开发

Webpack 无法导入从 git 安装的包

所以我在 git 中创建了一个包.做了我的改变.然后在我的终端 npm install --save git+https://github.com/hayk94/ddp.js.git 然后我尝试在我的代码中导入包 从 'ddp.js' 导入 DDP 但是 webpack 给了我这个错误 ./main.js 中的错误找不到模块:错误:无法解析“/Users/hayksafaryan/pro ..
发布时间:2021-12-18 18:34:40 前端开发

如何在 React/Webpack 中创建代理来调用外部 API

我想向我无法控制的外部 API 发出 GET 请求.由于 API 的安全性,我的 React 应用程序无法直接向端点发出 ajax 请求.因此,我正在尝试创建一个简单的代理,如下所示 这里 我的 package.json 文件 看起来像这样: {"name": "我的堆栈",“版本":“0.1.0",“私人":真的,“依赖关系":{“反应":“^ 15.6.1","react-dom": ..
发布时间:2021-12-18 18:34:18 其他开发

“要求未定义"使用 webpack 2

我在使用 webpack 捆绑我的应用程序时遇到问题,我在网站上阅读了类似的问题,尽管我已经尝试了所有建议,但我无法弄清楚出了什么问题. 一切都很好.但是,当我打开浏览器时显示此错误: 未捕获的引用错误:未定义要求 webpack-dist.conf.js const webpack = require('webpack');const conf = require('./gulp ..
发布时间:2021-12-18 18:34:00 前端开发