# webpack-userscript-template

**Repository Path**: fonny/webpack-userscript-template

## Basic Information

- **Project Name**: webpack-userscript-template
- **Description**: 集成 webpack 的 tampermonkey 脚本脚手架.
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-29
- **Last Updated**: 2021-12-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Webpack Userscript Template

## 简介

`Violentmonkey / Tampermonkey` 的 `userscript` 脚本开发脚手架项目.

基于: [momocow/webpack-userscript](https://github.com/momocow/webpack-userscript)

## 使用

### 安装

```sh
git clone https://gitee.com/fonny/webpack-userscript-template myScript
```

### 开发

```sh
cd myScript

pnpm update

pnpm dev
```

### 发布

```sh
pnpm build
```

## 开发技巧

- 可在 `/src/headers.json` 中设置脚本头部信息;

- `pnpm dev` 模式为 `HMR` (热更新), 但不会更新 `dist/index.user.js`, 所以只能从 `http://localhost:9000/index.user.js` 取得实时更新的版本;

- 以下版本为相对固定,请勿随意更改(只能用 `pnpm update`), 否则可能出现各种意乱情迷:

  ```
  webpack-userscript@^2.5.8
  webpack@^4.46.0
  webpack-cli@^3.3.12
  webpack-dev-server@^3.11.3
  ```

- 实际开发时,推荐使用 `Violentmonkey` 插件, 因为它无需任何手动操作即可自动更新脚本(但目标网页还是要手动刷新的)