如何在 webpack 中加载 paper.js？

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() ）时出现错误

Cannot read property 'Path' of undefined"

更新：

我的应用程序使用 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？

How load paper.js in webpack?

javascript

paperjs

webpack