svg - 将 es6 中的 svg-pan-zoom 与 webpack 结合使用

标签 svg webpack ecmascript-6

如何将 es6 中的 svg-pan-zoom 与 webpack 结合使用?我尝试过这样的事情:

import {svgPanZoom} from '../node_modules/svg-pan-zoom/src/svg-pan-zoom.js;

但是svgPanZoom未定义。我也简单地尝试过:

import * as svg_pan_zoom from 'svg-pan-zoom';

但随后 svg-pan-zoom 设置为 {}

最佳答案

解决方案是:

import svgPanZoom from "svg-pan-zoom/src/svg-pan-zoom.js";

关于svg - 将 es6 中的 svg-pan-zoom 与 webpack 结合使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40661225/

相关文章:

javascript - 如何使用 webpack 的 worker loader 加载 web worker

javascript - 通过 id 从列表中检索多个项目

css - 如何在同一原点缩放 SVG 中的路径?

javascript - 如何为 JVectorMap jquery 插件生成新的自定义 map ?

javascript - 为什么我的 webpack 配置的 es6 版本会报错,而 es5 版本不会?

javascript - 未应用常量文件中的设置颜色

javascript - 什么决定了从 Object.getOwnPropertySymbols 返回的符号的顺序?

javascript - 如何在代码和框中禁用对 SVG 导入的特殊处理?

css - 如何确保 flexbox 容器中的图像按比例缩放?

node.js - 用于 Node 应用程序的 LibSass 的 SCSS 编译器替代品