• 无法从React脚本卸载Webpack

    我刚刚安装了webpack,因为听说它对您的react应用程序很有帮助。我安装了它,但是一旦安装,我的npm脚本将永远无法运行。我的错误陈述总是这样出现 PS C:\Users\raahi\OneDrive\Desktop\react-covid-tracker-master> npm start > covid-19-tracker@0.1.0 start C:\Users\raahi\OneDrive\Desktop\react-covid-tracker-master > react-scripts...
  • 如何将节点模块包含在webpack.config.js文件文件

    我在做一个项目。我被一个网页错误困住了。我只想包括节点模块中的walletconnect模块。所以你可以看到我网页包.confg文件。问题是我从来没有使用过webpack,不幸的是没有webpack我的工作就做不到。我现在没有时间学习网页,因为我必须在任何条件下完成这个今晚。我希望你们能抽出宝贵的时间来解决这个问题。 ERROR in ./frontend/src/components/App.js 14:11 Module parse failed: Unexpected token (14:11)...
  • 条纹卡元素未显示在我的Rails应用中

    我正在创建一个使用Stripe进行卡支付的简单Rails应用,但是当我运行该应用时,卡输入字段未显示。一切对我来说看起来不错,但由于某种原因它没有显示。即时通讯使用Rails 5.2.4.4,Ruby 2.7。这是我的代码: /app/views/layout/application.html.erb: <!DOCTYPE html> <html> <head> <title><%= Rails.configuration.application_name %></title> ...
  • 所有NextJS页面的JS捆绑包大小几乎相同

    因此,我已经使用NextJS一段时间了,在构建成功时,我从未真正查看过构建文件夹或控制台中显示的信息,但一次查看时,我确实发现了一些奇怪的东西。 我一直在使用TypeScript,并使用TS的配置编写了一些babel配置以使用绝对路径。因此,我导入组件的方法是拥有一个绝对路径〜/ components,这是./src/components的别名。整个应用程序中的所有导入都使用从〜/ components导入的组件,其中也有其他绝对路径。所以,这就是我构建应用程序时看到的 请注意,每个页面的大小几乎都一样吗...
  • 在后端使用webpack

    I am trying to make a node back-end service using express and I want to use webpack too to bundle everything in a single file (don't know if it makes sense, I'm just learning). I set up my package.json this way: { "name": "something", "version": "1.0.0...
  • 正确导出React应用程序以通过CDN使用

    我正在尝试将React应用程序捆绑在一个JS文件中,以便可以从HTML文件中加载它。 1.)将其捆绑在一个文件中: webpack.config.js const path = require("path"); const UglifyJsPlugin = require("uglifyjs-webpack-plugin"); const glob = require("glob"); module.exports = { entry: { "bundle.js": glob .s...
  • 如何编写一个WebPack的插件原理及实践

    比如我现在写了一个插件叫 "kongzhi-plugin" 这个插件。那么这个插件在处理webpack编译过程中会处理一些特定的任务。比如我们现在在webpack.config.js 中引入了一个如下插件:// 引入打包html文件const HtmlWebpackPlugin = require;然后我们需要如下使用该插件:module.exports = { plugins: [ new HtmlWebpackPlugin, ]};如上就是一个 HtmlWebpackPlugin 插件 及在webpack中使用的方式了。现在我们需要实现一个类似的webpack的插件。那么实现这一切的核心就是tapable,要想深入了解 tapable的知识可以看我之前的一篇文章.tapable它可以暴露出挂载plugin的方法。可以让我们能将plugin控制在webpack事件流上运行。tapable给我们暴露了很多钩子类,能为我们的插件提供挂载的钩子。
  • 如何将Webpack从v1升级到v4?

    Package.json文件(这不是完整的文件,我已经清除了一些数据) { "name": "test", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "webpack-dev-server --inline --content-base . --history-api-fallback", "start": "node server.js", "pr...
  • Vuejs SPA动态主题

    我有一个已构建的Vuejs单页应用程序,我想添加用户可切换的动态主题。用户在某处或某处有按钮的地方,他们可以单击“浅色”或“深色”主题选项,整个应用程序立即更新。我还希望所有“主题” scss文件都位于本地。 This answer here is the closest I've found so far, but the themes are not local. const themes = { flatly: "https://bootswatch.com/4/flatly/bootstrap....
  • 我的react-admin捆绑包很大(860KB)

    我已经尝试配置各种不同的优化方法,但是我的react-admin软件包大小仍然很大,为860KB。 我该怎么办?正常吗可能是什么原因?我将在一分钟内用我的webpack配置发布链接。 我认为目前尚无任何聪明的方法来进行代码拆分。我实施的资源很少,应该始终将它们一起使用。 Link to my common webpack config: https://pastebin.com/t6uMWiJ6 const path = require('path'); const webpack = require('w...
  • ReactJs:尝试运行应用程序时发生错误

    安装reactjs应用后,我正在尝试运行该项目,但出现错误。我尝试通过在npm安装后删除package-lock.json和node_modules来修复它,但仍然无法正常工作。我想在npm之前运行它,请不要推荐用yarn或其他东西。 这是错误消息: C:\Users\xxx\Desktop\react\first-react-app> npm start > first-react-app@0.1.0 start C:\Users\xxx\Desktop\react\first-react...
  • 简单实用的webpack-html-include-loader(附开发详解)

    webpack-html-plugin中的template默认使用的就是ejs。就自己动手实现了一个功能简单,方便易用的 HTML 包含 loader —— webpack-html-include-loader[1]。webpack-html-include-loader 包含以下核心功能:支持 include html 文件支持嵌套 include支持传入参数 & 变量解析支持自定义语法标记本文依次介绍这 4 个核心功能,并讲解相关实现。读完本文,你会收获如何使用这一 loader,并且获悉一点 webpack loader 的开发经验,如有问题还请不吝赐教。webpack 的 loader 接受的参数可以是原始模块的内容或者上一个 loader 处理后的结果,这里我们的 loader 直接对原始模块的内容进行处理,也就是内容字符串。
  • 使用babel / webpack捆绑反应/打字稿

    我有一个使用Typescript并进行反应的ASP.Net MVC项目,并且正在尝试使用webpack和babel捆绑文件。 在打字稿中,我必须导出我的组件才能在多个文件中使用它们。 所有这些都很好地链接了起来,但这意味着最终.jsx文件中有导出声明。 When I try to bundle the output .jsx with webpack I get the following error Error: Plugin/Preset files are not allowed to export ...
  • 如何通过使用dotenv(.env)将NODE_ENV从开发自动更改为生产

    大家好,我有一个简单的问题,我正在使用webpack 4来构建一个简单的应用程序 我正在尝试使用dotenv软件包自动更改NODE_ENV变量 我使用许多技巧来做到这一点,但没有任何效果。 请一些帮助谢谢... 这是我的所有配置文件,请帮助大家谢谢 webpack.config.js "use strict"; // Libraries const path = require('path') const webpack = require('webpack') require('dotenv').con...
  • 每当我尝试运行我的React应用程序时,都会收到此消息“ GET http://127.0.0.1:8080/bundle.js/ net :: ERR_ABORTED 404(未找到)”

    正如我在标题中所说的,每当运行实时服务器时,我的bundle.js文件都找不到404,我找不到原因。 我的index.html页面如下所示: <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="style....
公告

欢迎访问 goshare  点击这里设置您的邮箱  可以接收站内跟帖、回复邮件提醒,不错过任何一条消息。

关注公众号订阅更多技术干货! 码农俱乐部