wokoo-template

provide the basic template for wokoo-scrits to create a tampermonkey project

Usage no npm install needed!

<script type="module">
  import wokooTemplate from 'https://cdn.skypack.dev/wokoo-template';
</script>

README

wokoo-template

是 wokoo 脚手架的模板部分,配合 wokoo-scripts,用于初始化一个有基础配置的油猴项目。

功能

  • 提供 vue 和 react 的基本工程项目,根据用户选择生成指定基础项目
  • 提供基础的 webpack 配置
  • tampermonkey.txt 提供基本的油猴脚本配置

使用

  1. 安装
npm i wokoo -g
  1. 创建项目
wokoo my-plugin
  1. 命令行中会弹出询问: ? which template do you prefer? [ ] react [ ] vue
  2. 选择对应模板,生成初始化项目

使用到的库

  • vue
  • react
  • less
  • webpack

目录结构

.
├── README.md
├── package-lock.json
├── package.json
├── public                       公共资源
│   ├── favicon.ico
│   ├── icon.jpg
│   └── index.html
├── react-template               react模板
│   ├── README.md
│   ├── src
│   │   ├── app.css
│   │   ├── app.js
│   │   └── index.js
│   ├── tampermonkey.js          油猴插件基础配置文件
│   ├── template.json
│   └── webpack.config.base.js   针对react的webpack配置项
├── vue-template                 vue模板
│   ├── README.md
│   ├── src
│   │   ├── app.less
│   │   ├── app.vue
│   │   └── index.js
│   ├── tampermonkey.js          油猴插件基础配置文件
│   ├── template.json
│   └── webpack.config.base.js   针对vue的webpack配置项
└── webpack.config.js

了解更多

如果想了解更多内容,请访问下面的网址: 油猴脚手架 wokoo 使用说明 油猴脚手架 wokoo git 仓库