小编sam*_*len的帖子

在浏览器中访问webpack捆绑的库

我无法从浏览器访问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)

javascript webpack babeljs

13
推荐指数
1
解决办法
5203
查看次数

Chart.js 插件重叠工具提示

我有两个插件,一个在图表中显示一条水平线(示例图如下所示),另一个在圆环图中显示标签。在这两种情况下,当基本图表的工具提示被触发时,它都会显示在插件绘图的下方(即较低的 z 位置)。

具有重叠线的条形图

我知道我可以创建一个完全自定义的工具提示来解决这个问题,但想知道是否有我没有看到的配置或更简单的解决方案。

如果有必要,我可以发布代码,但认为它没有用。

javascript chart.js

4
推荐指数
1
解决办法
1892
查看次数

标签 统计

javascript ×2

babeljs ×1

chart.js ×1

webpack ×1