webpack-4相关内容

开始使用 webpack 4 的问题

我完全按照此处的说明来学习教程.但令我惊讶的是,这些文档似乎已经过时了.例如 npx webpack src/index.js dist/bundle.js 失败: CLI 移动到一个单独的包中:webpack-cli.请安装'webpack-cli' 除了 webpack 本身使用 CLI.-> 使用 npm 时: npm install webpack-cli -D-> 使用 ya ..
发布时间:2021-06-07 20:54:33 其他开发

无法将 SVG 导入 Next.js

当我尝试导入 SVG 图像时,会显示以下错误.我必须使用哪个加载程序来导入 SVG 图像? ./static/Rolling-1s-200px.svg 1:0模块解析失败:意外令牌 (1:0)您可能需要一个合适的加载器来处理这种文件类型.> ..
发布时间:2021-06-07 20:01:25 其他开发

如何在 next.js 中加载导出 Typescript 的库

尝试从导出 Typescript 的私有库中导入组件时,我们收到以下错误消息: 模块解析失败:意外令牌 (82:7)您可能需要一个合适的加载器来处理此文件类型,目前没有配置加载器来处理此文件.见 https://webpack.js.org/concepts#loaders||//类型>出口类型{ 我该如何解决?我试图在 tsconfig 文件中明确包含库节点模块: “包含":[“next ..
发布时间:2021-06-07 20:01:18 其他开发

传单中未显示标记图标

我整理了一个非常简单的React/Leaflet演示,但是标记图标根本没有显示.完整的运行代码是此处. 这是我的 componentDidMount 方法中的内容: componentDidMount(){this.map = L.map("map-id",{中心:[37.98,23.72],变焦:12zoomControl:true});const mapboxAccessToken ..
发布时间:2021-05-29 20:12:22 其他开发

如何正确导入font-awesome scss

我正在尝试通过scss在webpack 4中使用字体真棒的图标. webconfig 文件如下所示: const HtmlWebPackPlugin = require("html-webpack-plugin");const CopyWebpackPlugin = require("copy-webpack-plugin");const path = require("path");con ..
发布时间:2021-05-14 20:14:11 前端开发

如果启用了“热模块替换",为什么在更改HTML时LiveReload在Webpack中不起作用?

如果在 Webpack 的 devServer 设置中将 hot:true 设置为 Hot Module Replacement CSS可以正常工作,并且无需重新加载完整页面即可应用更改.但是在更改HTML文件时,由于某些原因 LiveReload 不起作用,您需要手动刷新页面以便应用更改. 如果在 devServer 配置文件中禁用了 hot:true ,则在更改HTML文件时 LiveR ..
发布时间:2021-05-09 19:35:08 前端开发

webpack 4:未找到捆绑包js

我最近升级到webpack4.该页面已成功加载,只要发生更改,它就会使用webpack-dev-server自动刷新页面.它确实很好,但在控制台中显示以下错误 GET http://localhost:8090/build/bundle.js 404(不找到) 有时,URL中一旦有ID,就会将ID附加到如下所示的捆绑js URL上 http://localhost:8090/16 ..

是否可以同时使用两个"require"和“导入"与Webpack一起?

我们必须更新一些依赖项才能切换到Webpack 4,并在尝试将 import 和 require 混合使用时,在webpack中收到警告,并在浏览器中出现错误.同一项目. 我们有一个非常大项目(300多个文件),其中某些文件使用 var Pkg = require('./fileName'); 和 module.exports = MyComponent ,而其他人则使用 import'./ ..
发布时间:2021-04-14 18:51:33 前端开发

尝试访问node_modules时,使用Angular 7构建的Webpack 4使sass-loader出现问题

我正在尝试从Angular v4升级到v7.由于.angular-cli.json对angular.json及其结构的影响,存在一些重大变化.然后还升级了angular和webpack的版本会产生影响. 在Angular 4中,它与自定义webpack生成器一起使用时效果很好,但是升级到v7具有其复杂性.还值得一提的是,在我使用的node_modules的scss中尝试在没有任何 @impo ..
发布时间:2021-04-06 19:07:41 其他开发

使用Webpack在Electron项目中使用外部目录中的组件

我试图做到这一点尽可能简单,我研究了Yarn Workspaces一段时间,但这是当前不适用于Electron的解决方案,只是存在太多问题。 我在这里有Electron项目:./electron / 我在这里有一个包含组件的目录:./common / 这些组件是在React / JSX中开发的,没有什么特别的。就是说,我正在使用钩子(useXXX)。 我尝试了多种方法来包含这些 ..
发布时间:2020-10-28 20:01:24 其他开发

Webpack 4通用库目标

根据 Webpack 4文档,如果我指定 libraryTarget:'umd',它将导致以下输出: (function webpackUniversalModuleDefinition(root,factory){ if(typeof export ==='object'&& typeof module ==='object') module.exports = factory(); ..
发布时间:2020-09-24 06:16:45 前端开发

如何在运行构建时解决错误的笑话工人?

我在运行webpack的生产时遇到问题。但是当我使用开发服务器运行时,更多的代码不会出错。请帮助..我必须完成我的上一个项目,并且它必须以良好的生产模式运行。我希望我能从你们那里得到解决方案。 在运行构建时出现的错误: /MovieDB/node_modules/jest-worker/build/WorkerPool.js:25 } catch { ^ 语法错误:意外令牌 ..
发布时间:2020-09-24 03:32:48 其他开发

babel 7.x-无法解析'core-js/modules/es.array.concat'

我升级了babel 6.x → 7.x,但是在运行 Webpack 时遇到问题. 它抱怨缺少core-js/modules/*. 我的babel.config.js在根目录中.我将先前存在的.babelrc转换为js(.babelrc也产生了相同的错误).我猜想这与所有corejs2核心运行时东西都有些冲突. 我的src中有两个应用程序,mine和Styleguidist(在./ ..
发布时间:2020-09-18 02:16:53 其他开发

如何升级到Babel 7

我尝试将Webpack和babel分别升级到4、7,但是无法正常工作.另外,官方文档对升级没有太大帮助 我正在关注问题 编译器错误:找不到模块'@ babel/core'@ multi中的错误 主要 我正在使用的依赖项: "babel-core": "^6.26.3", "babel-eslint": "^9.0.0", "babel-loader": "^8.0.0", ..
发布时间:2020-09-18 01:41:24 其他开发