vue-cli3 + element-ui 编译打包Chro

extension-vue-template

vue-cli3 + webpack4 + element-ui 实现编译打包Chrome浏览器插件

content 文件夹

作用于浏览网页,对打开的网页进行插入、修改 DOM ,对其进行操作交互

options 文件夹

右键插件图标的选项页面

popup 文件夹

点击插件图片的弹出页面

环境安装

yarn 开发环境编译并热更新

yarn serve or yarn build-watch

对修改文件进行实时编译并自动在根目录下生成 dist 文件夹,打开浏览器的扩展程序, 点加载已解压的扩展程序, 选择 dist 文件夹

生产环境打包

yarn build 分析包组件大小

yarn analyze Lints and fixes files

yarn lint Customize configuration

See Configuration Reference.

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。