我无法从浏览器访问webpack捆绑库.
示例:我有一个班级 Foo
// foo.js
"use strict";
export default class Foo {
constructor() {
var bar = "bar";
}
}
Run Code Online (Sandbox Code Playgroud)
Foo
是进口的 src.js
// src.js
"use strict";
import Foo from "./foo.js";
Run Code Online (Sandbox Code Playgroud)
webpack配置看起来像这样.输入是src.js
和输出文件bundle.js
.
// webpack.config.js
module.exports = {
entry: './src.js',
output: {
path: '.',
filename: 'bundle.js',
},
module: {
loaders: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader',
query: {
presets: ['es2015']
}
},
]
},
};
Run Code Online (Sandbox Code Playgroud)
Webpack编译好的一切,我可以将它加载到我的HTML文件中.
<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
<script src="bundle.js"></script> …
Run Code Online (Sandbox Code Playgroud) 我有两个插件,一个在图表中显示一条水平线(示例图如下所示),另一个在圆环图中显示标签。在这两种情况下,当基本图表的工具提示被触发时,它都会显示在插件绘图的下方(即较低的 z 位置)。
我知道我可以创建一个完全自定义的工具提示来解决这个问题,但想知道是否有我没有看到的配置或更简单的解决方案。
如果有必要,我可以发布代码,但认为它没有用。