webpack相关内容

通过 webpack 使用远程入口

我正在尝试在服务器环境中设置一个 webpack 配置，该配置可以从远程源输出包.源是一个 .js 文件，将通过 GET 请求获取.这可能吗? 远程文件 - example.com/file.js 导出默认() =>console.log('Hello world'); 带有伪代码的 Webpack const remoteSource = await fetchFromURL('ht ..

发布时间：2022-01-20 14:26:15 node.js webpack fetch bundle 其他开发

Webpack 错误:请手动安装 sqlite3 包

我正在使用 Electron 和 Sequelize 构建应用程序.我开始配置我的数据库，然后，我收到了这个错误: 未捕获的错误:请手动安装 sqlite3 包在新的 ConnectionManager (/home/matheusdrdj/Documentos/Git/personal-管理/node_modules/sequelize/lib/dialects/sqlite/con…:3 ..

发布时间：2022-01-19 19:00:33 javascript webpack sqlite electron sequelize.js 数据库

使用 webpack 动态提供图像

我有一个关于 webpack 和提供图片的问题. 我有一个 webpack 配置，可以构建一个 React webapp，并且还提供来自特定文件夹的 .jpg 文件. 但是如果我从我的 web 应用下载并添加一个新图像到这个文件夹会发生什么? 我可以刷新 webpack 以便它提供新图像并且我将能够使用 require.context 导入它吗?或者，这是不是 webpack 不 ..

发布时间：2022-01-19 13:03:08 reactjs webpack frontend webpack-file-loader 其他开发

如何将 WordPress 集成到 Webpack 中?

我使用 HTML/CSS、JavaScript 和 Sass 或 Scss 开发了一个网站前端.我使用了 NPM. 我需要将该网站放入 WordPress.我已经安装了 WordPress 并将该文件夹与我的所有资产(HTML/CSS、JS、Sass 等)放入主题文件夹中. 现在，我该怎么办?我如何连接所有这些? 我知道这是可能的，因为我以前在这样的网站上工作过，但不知道如何从头 ..

发布时间：2022-01-19 12:59:27 wordpress webpack wordpress-theming frontend 其他开发

在 webpack 2 中混合长期缓存和代码拆分

我正在编写一个使用 webpack 2 作为模块捆绑器的 javascript webapp. 我需要的是一种混合长期缓存功能的方法(https://webpack.js.org/guides/caching/)和代码拆分(https://webpack.js.org/guides/code-splitting/). 我可以使用 require.ensure 延迟加载供应商库(在我的情 ..

发布时间：2022-01-19 12:58:05 javascript caching webpack frontend code-splitting 前端开发

在特定的 webpack 构建(角度 2)的情况下，如何将 CSS 文件中的资产 url() 替换为第 3 方域?

我想通过以下方式在我的 CSS 中使用 url()s: .someImage {背景:url(/assets/img/some-image.png)；} 如果我使用的是开发版本 (config/webpack.dev.js)，我希望它被翻译成 background: url(/assets/img/some-image.png);(因为它默认工作). 但是，如果我使用的是生产版本 (co ..

发布时间：2022-01-19 12:57:48 javascript angular build webpack frontend 前端开发

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

如果你在Webpack的devServer设置中设置hot: true，那么Hot Module ReplacementCSS 可以工作，并且无需重新加载完整的页面即可应用更改.但是在更改 HTML 文件时，LiveReload 由于某种原因不起作用，您需要手动刷新页面以便应用更改. 如果 hot: true 在 devServer 配置文件中被禁用，那么当更改 HTML 文件 LiveRe ..

发布时间：2022-01-19 12:56:38 javascript webpack layout frontend webpack-4 前端开发

Webpack 文件加载器忽略 PNG 文件

我正在尝试通过 webpack 文件加载器输出所有图像文件，但是 webpack 忽略了带有 PNG 扩展名的图像.配置在 JPG 文件上正常工作. 我的 webpack 配置: const path = require('path');常量路径 = {src: path.join(__dirname, 'src'),img: path.join(__dirname, 'src/img') ..

发布时间：2022-01-19 12:44:22 webpack frontend webpack-file-loader 其他开发

有没有办法使用 html-webpack-plugin 包含部分内容?

我正在使用 Webpack 来编译我的脚本和 HTML(使用 html-webpack-plugin).问题是，我有 5 个包含相同部分的 HTML 文件，我想将这些部分移动到单独的 .html 文件中，然后在每个 HTML 文件中 include 这些部分.这样，如果我要更改这些较小的 HTML 文件，它将重新编译每个 HTML 文件以表示这些更改. Webpack 默认对 .js 文件执 ..

发布时间：2022-01-19 12:29:17 html webpack frontend 前端开发

使用来自 git 或 gitLab 的持续集成部署 Angular 应用程序

我希望在 Apache 服务器上通过 bitbucket 的持续集成部署 Angular 5 应用程序 现在因为我是该领域的新手，所以我不知道这样做的可能选项 我们是否需要将 webpack 与 Jenkins 集成，或者我们是否需要在 Jenkins 上编写一些其他代码，或者我们可以在没有 Jenkins 的情况下这样做，我们是否需要将它与 Sonar 一起集成 有些页面没有给 ..

发布时间：2022-01-18 17:21:13 angular apache webpack continuous-integration jenkins-pipeline 服务器开发

Angular2 和 webpack - i18n 插件与 ng2-translate

我想用 angular2 构建一个 web 应用程序并将其与 webpack 捆绑在一起.提供多种语言的最佳方式是什么: i18n-plugin: https://github.com/webpack/i18n-webpack-plugin 或 ng2-translate:https://github.com/ocombe/ng2-translate 解决方案 我使用说明 ..

发布时间：2022-01-18 13:41:04 angular internationalization webpack ng2-translate 其他开发

如何根据环境变量自定义我的 Service Worker?

编辑:这看起来像这个 未解决的问题的副本.我将其标记为已回答还是删除? 我在 Vue CLI 3 应用程序中使用来自 workbox-webpack-plugin 的 InjectManifest.我注入的自定义服务工作者处理 Firebase 云消息传递 (FCM).我需要根据我的环境(本地、暂存和生产环境)监听来自不同发件人的消息. 理想情况下，service-worker.js ..

发布时间：2022-01-16 08:16:12 webpack environment-variables service-worker vue-cli-3 workbox-webpack-plugin 其他开发

Ionic 2 不生成 scss 源映射.“main.css.map"包含“null"

您能帮我理解为什么 Ionic 2 不生成 scss 源映射吗?在“离子服务"之后，我导航到 www/build 文件夹，有 main.css.map 但它包含 null 而不是生成的源映射，如何修复它?有人遇到过这个问题吗? 解决方案 您需要扩展您的 sass.config.js 文件，默认情况下禁用 sass 的源映射. config/sass.config.js: modul ..

发布时间：2022-01-13 20:47:13 sass webpack ionic2 source-maps 其他开发

Ionic 2 - 运行时错误找不到模块“."

我在使用以下命令向本地主机提供 Ionic 2 应用程序时遇到此错误: 离子服务 我不确定这个错误来自哪里.我已经仔细检查了所有导入的 TypeScript 文件中是否存在损坏的路径.我什么都没找到. 在应用程序工作和不工作之间所做的唯一更改是添加了一个新界面，用于保存 Google 地图位置的数据. 但是我看不出这有什么关系，它必须是构建过程中的其他东西. app.modu ..

发布时间：2022-01-13 20:40:03 angular typescript ionic-framework webpack ionic2 其他开发

如何在 Ionic v2 中扩展默认 webpack 配置

我想扩展默认的 ionic.webpack 配置.具体来说，我想为解析模块添加一个别名，以便我可以通过绝对路径而不是相对路径导入模块: 而不是像这样导入模块: import { SomeComponent } from '../../components/some.component.ts'; 我想要 import { SomeComponent } from '@app/compon ..

发布时间：2022-01-13 19:48:29 ionic-framework webpack ionic2 其他开发

在 Visual Studio 的 ASP.NET Core + Angular 2 模板上设置图像路径

我需要添加一张静态图片，如下图.你能告诉我为什么我不能在主页上显示图片，如下图所示?即它不工作. 我在这里使用这个 ASP.NET Core 模板包 史蒂文·桑德森 \home\home.component.html home.component.ts 从'@angular/c ..

发布时间：2022-01-13 12:31:13 angular webpack asp.net-core-mvc 其他开发

webpack - 需要('node_modules/leaflet/leaflet.css')

所以我正在尝试使用 webpack 和 leaflet 构建地图应用程序.我可以从我的 map.js 文件中要求 leaflet.js，但我无法在不出错的情况下调用 leaflet.css. 我当前的 webpack.config.js 看起来像: '使用严格'var webpack = require('webpack'),路径 = 要求('路径')，HtmlWebpackPlugin ..

发布时间：2022-01-12 18:37:07 css node.js npm leaflet webpack 前端开发

标记图标未显示在传单中

我已经整理了一个非常简单的 React/Leaflet 演示，但标记图标根本没有显示.完整的运行代码在这里. 这是我的 componentDidMount 方法中的内容: componentDidMount() {this.map = L.map("map-id", {中心:[37.98, 23.72]，缩放:12，缩放控制:真});常量 mapboxAccessToken =“pk.ey ..

发布时间：2022-01-12 18:25:34 reactjs webpack leaflet webpack-4 其他开发

如何包含“leaflet.css"在带有 webpack 的 React 应用程序中?

我使用survivorjs.com 网站作为模板，使用webpack 构建基于地图的React 应用程序.对于我使用传单的地图，但我找不到添加leaflet.css 的方法.如果没有这个，地图图块的显示顺序就会错误. 我尝试使用这个将leaflet.css 添加到App.jsx 文件中 require('leaflet/dist/leaflet.css'); 但出现以下错误 ./~/ ..

发布时间：2022-01-12 18:22:55 css reactjs webpack leaflet 前端开发

如何将传单路由机包含到 Angular 2 typescript webpack 应用程序中

我使用这个种子开始使用 Angular 2 Typescript 和 Webpack:https://github.com/haoliangyu/angular2-leaflet-starter. 我对大多数使用的工具和技术(Angular 2、Typescript、Webpack)都很陌生.虽然我对这些了解得越来越多，但似乎我仍然没有掌握如何包含第三方非类型化 JS 库: 我想将 l ..

发布时间：2022-01-12 18:18:26 typescript angular leaflet webpack leaflet-routing-machine 其他开发