Question

我在我的前端应用程序中使用paper.js。我用gulp。这是我的gulp代码：

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 path = new paper.Path（））我收到错误

无法读取属性＆＃39;路径＆＃39;未定义＆＃34;

更新

我为我的应用程序使用 vuejs webpack 模板，webpack.base.conf.js here

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);

如何在webpack中加载paper.js？

2 个答案: