位置: 编程技术 - 正文

详解使用webpack打包编写一个vue-toast插件(webpack使用场景)

编辑:rootadmin

推荐整理分享详解使用webpack打包编写一个vue-toast插件(webpack使用场景),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:webpack实战 入门进阶与调优,天盘缝针的详解使用,说一下webpack,天盘缝针的详解使用,天盘缝针的详解使用,webpack使用场景,如何使用webpack,天盘缝针的详解使用,内容如对您有帮助,希望把文章链接给更多的朋友!

本文介绍了使用webpack打包编写一个vue插件,分享给大家。具体如下:

一、说明:

需求:创建一个toast插件

思路:利用vue组件创建模板,使用webpack打包生成插件再全局使用。

1.1 webpack基础

1、基础插件

- html-webpack-plugin :根据同一个模板生成多个页面 - extract-text-webpack-plugin - UglifyJSPlugin : js压缩插件 - CommonsChunkPlugin : 把多个页面中公用的文件抽出 - clean-webpack-plugin : 打包过程前清除以前的文件 - copy-webpack-plugin:

2、常用loader解析器

详解使用webpack打包编写一个vue-toast插件(webpack使用场景)

- css-loader (解析css文件) - sass-loader/less-loader/node-sass (预编译解析) - file-loader/url-loader 解析图片(png,jpg/svg/gif) - 给css添加前缀: postcss-loader,autoprefixer

3、webpack.config.js配置文件

二、开发一个vue-toast插件

借助npm平台发布一个vue插件 流程: 声明插件——写插件——注册插件——使用插件

官方文档中说明:写插件有四种方法:

开发vue插件的几个基本步骤:

1、Vue.js 的插件应当有一个公开方法 install 。

2、install方法的第一个参数是 Vue 构造器,第二个参数是一个可选的选项对象

官方说明:

1、template.vue。提供html模板

2、index.js

demo.html

总结

使用基础Vue构造器,通过vue组件来创建一个子类:Vue.extend(component) 编写vue插件的四种方法:常用-Vue.prototype.$method, 其他:Vue.method,Vue.mixin(option),Vue.directive(‘method',option) webpack配置output的path必须为绝对路径 webpack配置三大属性,entry,output,module,plugins

标签: webpack使用场景

本文链接地址:https://www.jiuchutong.com/biancheng/375905.html 转载请保留说明!

上一篇:结合mint-ui移动端下拉加载实践方法总结

下一篇:vue中实现滚动加载更多的示例(vue实现滚动条)

  • 什么叫直接税?直接税有哪些?
  • 代扣代缴个人所得税会计分录怎么做
  • 税前利润是什么利润
  • 增值税发票查验平台怎么查询发票
  • 简易计税是什么意思?
  • 减免的企业所得税需要计入应交税费吗
  • 注销公司账面余额要全部清零吗
  • 公司净资产如何查询
  • 预付装修费的会计分录
  • 销售应税消费品应交的消费税
  • 有限合伙企业jp
  • 以前年度已交增值税额
  • 预提退货实际发生时账务处理
  • 所有者权益变动表
  • 装修公司怎么交钱
  • 城市建设维护税和教育费附加怎么算
  • 机器设备进项税额是否要分期抵扣
  • 三证合一后企业还有什么证照
  • 利息收入要不要交增值税?
  • 面条适用的增值税率是
  • 关于个人财产转让的规定
  • 税收征收管理法
  • 对公账户开通网银有什么好处
  • 汇算清缴补交所得税的账务处理小企业会计准则
  • 怎么防止接受虚开增值税发票?
  • 股东借款作为资本金投入
  • 酒店水电费分录
  • 免税农产品购进怎么做账
  • 暂估在建工程会计科目
  • 销售推广的常用形式
  • linux中!
  • 上个月暂估这个月成本怎么调整
  • PHP:spl_autoload_unregister()的用法_spl函数
  • dat文件转换成wps表格
  • 金融机构与小微企业借款合同印花税
  • 赔付支出有哪些
  • PHP:JewishToJD()的用法_日历函数
  • codeigniter 教程
  • 企业管理的管理系统
  • php ip地址
  • vue 插槽详解
  • 企业净利润归谁所有
  • 上个月没有开票需要清卡吗
  • 办理税控盘
  • day11-Servlet01
  • 海关进口增值税专用缴款书如何抵扣
  • HTTP/1.1 XCache header field
  • 小卖部铺货首次送货流程
  • 小规模未开票收入填在哪里
  • 公司注销前欠客户钱
  • 旅客运输进项抵扣加计扣除怎么算
  • 国外佣金代扣代缴增值税可以抵扣吗
  • 日本发票国内能用吗
  • 购买汽车的工本费如何入账
  • 进项发票已经认证,对方作废了
  • 什么是投资性房地产具体包括哪些内容
  • mysql5.6无法启动
  • windows xp远程控制
  • windowsxp还能正常使用吗
  • ubuntu-server
  • win10 win7兼容模式
  • win8怎么把任务栏变成透明
  • Win10控制面板打不开
  • node 全局安装
  • learning android
  • ie11滚动条样式
  • excite引擎
  • android deam
  • 使用Math.floor与Math.random取随机整数的方法详解
  • package.json里面的配置
  • c# /n
  • 获取路径下的文件名
  • mysql数据类型大全
  • jquery鼠标移入
  • 福建省人民医院院长
  • 税控盘离线开票金额为零怎么办
  • 国家税务总局中山市税务局港口税务分局
  • 如何查询房屋契税是否退还
  • 税款复核需要多少天
  • 销售税金含增值税怎么计算企业所得税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设