美文网首页前端之路首页投稿(暂停使用,暂停投稿)程序员
Vuejs中.vue文件里引入第三方js和样式文件(sass,l

Vuejs中.vue文件里引入第三方js和样式文件(sass,l

作者: fullbook | 来源:发表于2016-08-05 22:10 被阅读17300次

谢谢一直以来关注我的小伙伴,从今天起告别简书,投入segmentfault,喜欢我的,请关注我的segmentfault:https://segmentfault.com/u/sosout

声明:所有代码均为图片,养成动手敲的习惯,切记直接粘贴复制
首先,引入的方式取决于如何搭建的项目,如果用webpack的话直接在需要用外部js css的vue组件里引入(import)就可以了。


a.png

第三方测试js文件,这里只比较简单的输出一个函数:


b.png
执行结果:
c.png
第三方测试js文件,我这里使用的是less(具体看自己的项目,注意安装相应的加载器):
d.png

执行结果:


e.png

相关文章

网友评论

  • 你家旭哥:能问下怎么引入全局的sass么 不想每个模块都引入 维护太麻烦
  • xiaozuo2340:vue2.0 测试不行呀
  • chenkangcrack:想问一下,如果我要导入一个没有export的js文件中的函数应该怎么做呢?
  • c4a7903a42a0:Hello,请问要导入的第三方js文件必须要export default 吗?那些没有的该如何导入呢
  • zhanming:你好,我在Vue2.0下import testjs from '/static/testjs.js' 怎么都不对
    This dependency was not found:
    * /static/testjs.js in ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/test.vue 求帮助
    c55e18e88aa4:第三方js文件不能放在static里面,只能放在src文件下
  • StarCrew:你好,请问引入的时候还需要在index.html写<script src=“第三方库地址”>或者<style>标签,然后还要在webpack.config.js添加externals吗😂之前看别人的介绍,引入的时候除了import还做了这两步
    StarCrew:@soser 谢谢谢谢!好棒的回复
    fullbook:@StarCrew 不需要。理由:在ES6前, 前端就使用requireJS或者seaJS实现模块化,requireJS是基于AMD规范的模块化库, seaJS是基于CMD规范的模块化库;现在ES6自带了模块化, 也是JS第一次支持module, 在很久以后 ,我们可以直接作用import和export在浏览器中导入和导出各个模块了;每一个模块只加载一次, 每一个JS只执行一次, 如果下次再去加载同目录下同文件,直接从内存中读取。 一个模块就是一个单例,或者说就是一个对象。
  • Kulbear:对electron方面有研究不 准备用vue做点东西最近
    fullbook:@Kulbear 我用node做过桌面客户端,也用ionic做过混合app,对Electron只是听说过,没有去了解,真是抱歉,有空我研究研究
  • xionger:简单明了,多多发帖
    fullbook:@xionger 谢谢,有什么问题尽管提,有什么想法我们一起讨论

本文标题:Vuejs中.vue文件里引入第三方js和样式文件(sass,l

本文链接:https://www.haomeiwen.com/subject/yvlhsttx.html