VIP用户交流群:462197261 收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
在线客服:78895949
tonglan
  • 当前位置:
  • vue中node

    最近用vue在做一个项目,github用上找了一个日历插件,intall到了本项目中,配好以后发现插件的样式风格和项目总体风格相差较大,所以就像这个改一下插件风格,

    第一种方法:我直接在父组件中将style标签的scoped的属性去掉了,在父组件中直接写了想要的样式,重叠样式全部!important,结果确实生效了

    第二种方法:本想这个要是样式这么改,还有路可走;要是插件的底层方法呢,如果有对外开发的修改入口还行,要是没有,可咋办,于是想着能不能直接去改下这个插件,这样直接一锤子到底,   

          在node_modules中直接找到了这个插件,查阅了这

          

    刚开始直接啥也没管,直接改了src下的文件死活不生效

    最后看了下这个插件的package.json;一看,靠,原来主文件,是dist目录下的index.js;这个是已经打好的用于生产环境的包,我改的src下的测试环境的文件,当然无效

    怎么办才能有效呢,当然是重新打包,问题的关键是怎样在node_modules下在这个插件下重新build,查了这个插件下,根本没有这个插件的node_modules依赖(插一句git文件到github时node_moudles文件是忽略的),所以在插件下直接npm run build各种报错,

    后来想了下,我把这个插件包拷出来,然后vs打开,不是没有node_modules依赖吗,有package.json。直接npm install ;这样的package.json里面的标写的依赖全部安装,然后有了依赖,这时去改这个插件src下的文件;

    改好所有的一切后直接npm run build;重新生成了新的dist 下的index.js;把这个新生成的index.js拷贝覆盖到原来那个项目下对应的位置,覆盖,这样最后的效果妥妥额成功了!哈哈哈!!!

      总结一下:

          可以看下要修改的node_modules项目中的package.json,里面会有一个属性,类似:

    复制代码 代码如下:      "main": "dist/index.min.js",

          表示的是该项目的入口文件,我们日常开发的项目中引用的其实就是这一个文件,若是直接改这个index.min.js,重启一下就能生效。

          PS: 不过一般入口文件都是打包后的js,很难直接改,都是改src目录下的文件后重新build。

          --------------------问题的关键是怎样在node_modules下在这个插件下build,查了这个插件下根本没有这个插件的node_modules依赖,所以在插件下直接npm run build各种报错,解决方法是拷贝出来改好后直接去覆盖,

          --------------------一般不建议这么干,太暴力了,另外团队协助时,其他队友和服务器上的代码不能保持一致

     总结

    以上所述是小编给大家介绍的vue中node_modules中第三方模块的修改使用详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对北冥有鱼网站的支持!

    您可能感兴趣的文章:

    • 详解使用nodeJs安装Vue-cli
    • 用vue和node写的简易购物车实现
    • 利用Vue.js+Node.js+MongoDB实现一个博客系统(附源码)
    • 使用node+vue.js实现SPA应用
    • Vue 中如何正确引入第三方模块的方法步骤

    广而告之:
    热门推荐:
    php分页函数

    <?php /* 需求,建立一个test数据库,在里边建一个test表,里面就 只要id字段,输入一下数据就可以啦。。 由于水平有限,难免出错。。 */ $conn = mysql_connect("localhost","root",""); $maxnum = 2;  //每页显示记录条数 mysql_se···

    fullpage.js最后一屏滚动方式

    这两天公司网页改版用到fullpage.js这个滚屏插件,页面内容整屏的滚动,不成问题,各种设置在网上也都有文档。 而我遇到的问题就是,页面内容不满屏的时候,和上面的内容放一块就太挤,单独放一屏就太空,好尴尬的说 底部的footer部分就是我要单独处理的部分,从网上搜了各种···

    dedecms织梦修正后台批量增加栏目的排序问题

    织梦后台批量添加顶级栏目时,自定义填的排序是无法正常的,永远是从1开始。 解决方法 1、\dede\templets\catalog_add_quick.htm 找到 <table id="addQuickRel" 然后找到下面的 HTML name="rank" 改成 HTML nam···

    php.ini 中文版

    [PHP]  ; PHP还是一个不断发展的工具,其功能还在不断地删减  ; 而php.ini的设置更改可以反映出相当的变化,  ; 在使用新的PHP版本前,研究一下php.ini会有好处的  ;;;;;;;;;;;;;;;;;;;  ; 关于这个文件 ;  ;&···

    如何让织梦列表文章有缩略图则显示缩略图,无则不显示的技巧

    为了让我们的页面显示更美观更智能化,那么让织梦列表文章有缩略图则显示缩略图,无则不显示的这个织梦技巧就显得非常实用了,那么如何做呢?请看下面的解决方法。 打开默认织梦模板中的文章列表:/templets/default/list_article.htm 搜索这段代码 [field:array&n···

    vue仿淘宝订单状态的tab切换效果

    前几天刚开始使用vue 做项目,然后自己就在项目中摸索写了一个tab切换的小dome,仿淘宝订单状态的tab切换。 HTML 代码: <div class="navigation"> //这里是通过循环遍历出来的数据,你需要根据index的值来判断你现在点击的是第几个tab栏导航,同时在js中写一个navCha···

    如何在Canvas中添加事件的方法示例

    作为一个前端,给元素添加事件是一件司空见惯的事情。可是在Canvas中,其所画的任何东西都是无法获取的,更别说添加事件,那么我们对其就束手无策了吗?当然不是的!我们在平时项目中肯定都用过许多Canvas的框架,我们发现事件在这些框架中已经使用的十分成熟了,而且并没有出···

    帝国的系统提示页修改地点

    就比如说反馈 还有 留言 这些东西。提交完了。 有个信息提示的页,,,显示你发表成功,或失败撒的这个页。。 谁知道 在那改??? e/message/index.php 提示文字要改语言包,e/data/language/gb/pub/q_message.php

    jquery实现企业定位式导航效果

    本文实例为大家分享了jquery实现企业定位式导航的具体代码,供大家参考,具体内容如下 完整代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> *{margin:0;padding:0;} .nav{width:100%;positi···

    PHP中的类-什么叫类

    在阐述类的概念之前我们来先说说面向对象编程的概念:面向对象的程序设计(Object-Oriented Programming,简记为OOP)立意于创建软件重用代码,具备更好地模拟现实世界环境的能力,这使它被公认为是自上而下编程的优胜者。它通过给程序中加入扩展语句,把函数“封装”进···