与browserify一起使用greensock

我无法让TweeLite与browserify一起使用。当谈到CommonJS时，我是一个极端的noob。与browserify一起使用greensock

我用鲍尔安装喘气v1.13.2，包括像这样：

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

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

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

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

来源

2014-10-12 fuzzyvagina

请确保您还包含cssHook，据我记忆，这取决于浏览器的支持，用于通过CSS3转换或JavaScript动画制作动画。 http://stackoverflow.com/questions/20411730/tweenlite-does-not-animate – 2014-10-12 14:24:26

谢谢，但这不是问题。当我在文档正文中包含相同的src文件并参考window.TweenLite我的动画工作。 – fuzzyvagina 2014-10-13 10:34:22

你可以在jsfiddle.net上做一个小提琴吗？ – stackErr 2014-10-14 17:13:42

尝试使用未压缩的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不再查找模块。

它看起来像用于生成缩小构建的压缩方法以某种方式打破了模块导出。

来源

2014-11-13 13:38:54 paldepind

谢谢！它很糟糕，缩小版本不起作用:( – fuzzyvagina 2014-11-14 11:25:49

是的，但确实如此。但是，您可以使用其他源代码轻松缩小版本。 – paldepind 2014-11-14 18:09:46

GSAP也可通过NPM，所以你应该能够通过安装它：

npm install gsap --save

，并用同样的方式其他图书馆在吞气，启动项目例如，在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'

来源

2014-10-17 17:25:40

这个工作，但它意味着我包括所有四个库和所有其他插件，而不仅仅是TweenLite。它为我的代码增加了〜900kb，这是不可接受的。 – fuzzyvagina 2014-10-20 15:11:26

这不是事实。 'require（'gsap'）'与仅包含'TweenMax.js' ** **相同* – 2016-12-29 04:48:04

与browserify一起使用greensock

回答

相关问题