Question

我无法让TweeLite与browserify一起使用。对于CommonJS，我是一个极端的菜鸟。

我已经使用Bower安装了gasp v1.13.2并将其包括在内：

var TweenLite = require("../../bower_components/gsap/src/minified/TweenLite.min.js");

使用它时我没有任何错误，但我的动画不起作用。根据gsap docs，这个版本应该没有垫片。我究竟做错了什么？任何人都可以提供一个有效的例子吗？

https://greensock.com/gsap-1-13-1

我刚刚开始一个项目，所以我没有任何有趣的代码可供展示。我正在使用gulp-starter样板。

Answer 1

尝试使用未压缩的GSAP库。我通过browserify成功使用它们并与bower一起安装。像这样：

var TweenLite = require('../bower_components/gsap/src/uncompressed/TweenLite.js');
var TimelineLite = require('../bower_components/gsap/src/uncompressed/TimelineLite.js');
var CSSPlugin = require('../bower_components/gsap/src/uncompressed/plugins/CSSPlugin.js');

但是，如果我切换到压缩版本browserify，则不再找到模块。

看起来用于生成缩小版本的压缩方法会以某种方式破坏模块导出。

Answer 2

GSAP也可通过NPM获得，因此您应该可以通过以下方式安装：

npm install gsap --save

并使用它与gulp-starter项目中引用其他库的方式相同，例如在view.coffee中：

_          = require 'underscore'
Backbone   = require 'backbone'
Backbone.$ = require 'jquery'
plugin     = require 'plugin'
//this line below makes TweenLite available in the browser in my quick tests.
gsap       = require 'gsap'

使用greenify与browserify

2 个答案: