webpack如何加载paper.js？

Question

我在我的前端应用程序中使用paper.js。我用的是大口。这是我的吞咽码：

gulp.src([
    // .... other vendor js scripts
    'node_modules/paper/dist/paper-full.js'
])
    .pipe(uglify())
    .pipe(concat('vendor.js'))
    .pipe(gulp.dest(target))

但是现在我需要在webpack中使用paper.js。我尝试使用这样的代码：

 import paper from 'paper'

但在此之后，当我尝试调用纸质方法(例如，const =newpaper.Path())时，我得到了错误

无法读取未定义的属性“路径”

更新：

我使用vuejs webpack模板作为我的应用程序，我的webpack.base.conf.js在这里。

Answer 1

试着使用

import * as paper from 'paper'

或者有一个用于paper.js https://github.com/aprowe/paper-loader的加载程序

module.exports = {
  ...
  module: {
    loaders: [
      {
        test: /\.paper.js$/,
        loader: "paper-loader"
      }
    ]
  }
};

Answer 2

试试这个：

import paper from 'paper';
paper.setup([640, 480]);
let paperCircle = new paper.Path.Circle([0, 0], 50);