Question

我是VueJS CLI webpack的新手。我想在全球范围内包含我的javascript文件。

我的main.js：

require('./assets/css/main.css');

require('./assets/js/vendor/jquery-2.2.4.min.js');
require('./assets/js/vendor/TweenMax.min.js');
require('./assets/js/vendor/device.min.js');

require('./assets/js/functions.js');

在 functions.js 中，我使用了所有库中的函数（jquery，device.js ...）

我收到错误：

未捕获的ReferenceError：未定义TweenMax

...

为什么我不能在functions.js中使用这些库？我很困惑。
提前致谢

Answer 1

由于vue and webpack handle assets and static files的原因，这不起作用。

通常您只需通过npm安装模块，如：

npm install gsap --save

这是您尝试使用的TweenMax。你会发现它on npm here。

然后在您要使用它的.vue文件中，您只需导入并使用它：

<script>
 import {TweenMax} from 'gsap'
 export default {
   methods: {
     myMethod () {
       TweenMax.to()
     }
   }
 }
</script>

如果您想在多个组件中使用它们，可以考虑使用adding them as instance properties。然后您不必一直手动导入它们。

VueJS CLI功能不可用

1 个答案: