webpack-4相关内容
虽然我在示例代码中使用了 vue-cli 来生成 webpack 配置,但没有什么是特定于 vue 的. 我像这样创建示例应用程序: vue init webpack webpack_modules_example 生成的webpack.base.conf: 'use strict'const path = require('path')const utils = requ
..
我完全按照此处的说明来学习教程.但令我惊讶的是,这些文档似乎已经过时了.例如 npx webpack src/index.js dist/bundle.js 失败: CLI 移动到一个单独的包中:webpack-cli.请安装'webpack-cli' 除了 webpack 本身使用 CLI.-> 使用 npm 时: npm install webpack-cli -D-> 使用 ya
..
当我尝试导入 SVG 图像时,会显示以下错误.我必须使用哪个加载程序来导入 SVG 图像? ./static/Rolling-1s-200px.svg 1:0模块解析失败:意外令牌 (1:0)您可能需要一个合适的加载器来处理这种文件类型.>
..
尝试从导出 Typescript 的私有库中导入组件时,我们收到以下错误消息: 模块解析失败:意外令牌 (82:7)您可能需要一个合适的加载器来处理此文件类型,目前没有配置加载器来处理此文件.见 https://webpack.js.org/concepts#loaders||//类型>出口类型{ 我该如何解决?我试图在 tsconfig 文件中明确包含库节点模块: “包含":[“next
..
我在应用程序中具有以下样式结构: 应用 -CSS/- 引导程序/-boostrap.less->有(@import"another.less")-另一个- 常见的/-少见-条目/-bootstrap.js->有(从“../bootstrap/bootstrap.less"导入样式)-common.js->有(从"../common/common.less"导入通用) 现在,我需要从导入
..
我整理了一个非常简单的React/Leaflet演示,但是标记图标根本没有显示.完整的运行代码是此处. 这是我的 componentDidMount 方法中的内容: componentDidMount(){this.map = L.map("map-id",{中心:[37.98,23.72],变焦:12zoomControl:true});const mapboxAccessToken
..
此cli命令: npm运行webpack-dev-server-模式开发--open --cert = ../../ssl/server.pem --key = ../../ssl/server.pem 我想将文件添加到我的webpack.config文件中.类似: module.exports = {...ssl:{信誉:"../../ssl/server.pem",密钥:"../.
..
我正在尝试通过scss在webpack 4中使用字体真棒的图标. webconfig 文件如下所示: const HtmlWebPackPlugin = require("html-webpack-plugin");const CopyWebpackPlugin = require("copy-webpack-plugin");const path = require("path");con
..
如果在 Webpack 的 devServer 设置中将 hot:true 设置为 Hot Module Replacement CSS可以正常工作,并且无需重新加载完整页面即可应用更改.但是在更改HTML文件时,由于某些原因 LiveReload 不起作用,您需要手动刷新页面以便应用更改. 如果在 devServer 配置文件中禁用了 hot:true ,则在更改HTML文件时 LiveR
..
我最近升级到webpack4.该页面已成功加载,只要发生更改,它就会使用webpack-dev-server自动刷新页面.它确实很好,但在控制台中显示以下错误 GET http://localhost:8090/build/bundle.js 404(不找到) 有时,URL中一旦有ID,就会将ID附加到如下所示的捆绑js URL上 http://localhost:8090/16
..
我们必须更新一些依赖项才能切换到Webpack 4,并在尝试将 import 和 require 混合使用时,在webpack中收到警告,并在浏览器中出现错误.同一项目. 我们有一个非常大项目(300多个文件),其中某些文件使用 var Pkg = require('./fileName'); 和 module.exports = MyComponent ,而其他人则使用 import'./
..
我正在尝试从Angular v4升级到v7.由于.angular-cli.json对angular.json及其结构的影响,存在一些重大变化.然后还升级了angular和webpack的版本会产生影响. 在Angular 4中,它与自定义webpack生成器一起使用时效果很好,但是升级到v7具有其复杂性.还值得一提的是,在我使用的node_modules的scss中尝试在没有任何 @impo
..
我试图做到这一点尽可能简单,我研究了Yarn Workspaces一段时间,但这是当前不适用于Electron的解决方案,只是存在太多问题。 我在这里有Electron项目:./electron / 我在这里有一个包含组件的目录:./common / 这些组件是在React / JSX中开发的,没有什么特别的。就是说,我正在使用钩子(useXXX)。 我尝试了多种方法来包含这些
..
根据 Webpack 4文档,如果我指定 libraryTarget:'umd',它将导致以下输出: (function webpackUniversalModuleDefinition(root,factory){ if(typeof export ==='object'&& typeof module ==='object') module.exports = factory();
..
我正在开发一个模块来处理其根目录外部的文件,因此,例如,如果我具有以下文件夹结构: 前端-> src->块-> js-> main.es6 前端-> src->块-> scss-> styles.scss 前端-> node_modules-> @workspace->模块->客户-> index.js 我尝试从内部处理Frontend / src(es6和sc
..
我在运行webpack的生产时遇到问题。但是当我使用开发服务器运行时,更多的代码不会出错。请帮助..我必须完成我的上一个项目,并且它必须以良好的生产模式运行。我希望我能从你们那里得到解决方案。 在运行构建时出现的错误: /MovieDB/node_modules/jest-worker/build/WorkerPool.js:25 } catch { ^ 语法错误:意外令牌
..
给出以下内容 package.json { "name": "webpack-babel7", "version": "1.0.0", "main": "index.js", "license": "MIT", "devDependencies": { "@babel/core": "^7.4.4", "@babe
..
我正在尝试让我的代码在不支持ES6的Android 4.1 Webview上运行. 但是我收到此错误: 未捕获的SyntaxError:在严格模式下使用const. .babelrc配置 { "plugins": [ "lodash" ], "presets": [ "@babel/preset-react", [ "@bab
..
我升级了babel 6.x → 7.x,但是在运行 Webpack 时遇到问题. 它抱怨缺少core-js/modules/*. 我的babel.config.js在根目录中.我将先前存在的.babelrc转换为js(.babelrc也产生了相同的错误).我猜想这与所有corejs2核心运行时东西都有些冲突. 我的src中有两个应用程序,mine和Styleguidist(在./
..
我尝试将Webpack和babel分别升级到4、7,但是无法正常工作.另外,官方文档对升级没有太大帮助 我正在关注问题 编译器错误:找不到模块'@ babel/core'@ multi中的错误 主要 我正在使用的依赖项: "babel-core": "^6.26.3", "babel-eslint": "^9.0.0", "babel-loader": "^8.0.0",
..