Javascript 如何在网页包中加载paper.js?

Javascript 如何在网页包中加载paper.js?,javascript,webpack,paperjs,Javascript,Webpack,Paperjs,我在frontent应用程序中使用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)) 但现在我需要在网页包中使用paper.js。我尝试使用如下代码:

我在frontent应用程序中使用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))
但现在我需要在网页包中使用paper.js。我尝试使用如下代码:

 import paper from 'paper'
但在此之后,当我尝试调用paper方法时,例如constpath=newpaper.path,我得到了错误

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

更新:

我的应用程序使用vuejs网页包模板,请尝试使用

import * as paper from 'paper'
或 还有一个用于paper.js的加载程序

试试这个:

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

你能附上你的webpack.config.js吗?Joshua Barnett,我添加了相关webpack.config.js的链接更新关于新的ES6导入/导出功能如何?似乎无法加载您的错误仅仅是因为您需要调用setups加载单个库时不需要加载程序。Paper.js将自身导出为CommonJS模块,因此您可以使用webpack直接从node_模块导入。新的ES6导入/导出功能如何?似乎无法加载它
import paper from 'paper';
paper.setup([640, 480]);
let paperCircle = new paper.Path.Circle([0, 0], 50);