chore: 插件使用 ES Module 形式解析

Author: YingFeng256

package.json

@@ -1,6 +1,7 @@
 {
   "name": "nfp-template-drawer",
   "version": "1.0.0",
+  "type": "module",
   "plugin": {
     "id": "template-drawer",
     "namespace": "plugins.template-drawer",

scripts/commit.ts

@@ -5,9 +5,8 @@ import fs from 'fs'
 import path from 'path'
 import readline from 'readline'
 
-const packageJson = JSON.parse(fs.readFileSync(path.resolve(__dirname, '../package.json'), 'utf8'))
-
-const PROJECT_PATH = path.resolve(__dirname, '../')
+const PROJECT_PATH = process.cwd()
+const packageJson = JSON.parse(fs.readFileSync(path.join(PROJECT_PATH, 'package.json'), 'utf8'))
 const ACTIONS_URL = 'https://github.com/N-Flow/' + packageJson.name + '/actions'
 
 function checkPackageJson(projectPath: string): void {

scripts/copy-file-to-all-plugins.ts

@@ -1,7 +1,10 @@
 import { execSync } from 'child_process'
 import fs from 'fs'
 import path from 'path'
+import { fileURLToPath } from 'url'
 
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
 
 const GENERAL_FILE_LIST = [
   '.github/workflows/deploy.yml',

scripts/update-packages-to-all-plugins.ts

@@ -2,6 +2,10 @@ import { execSync } from 'child_process'
 import * as fs from 'fs'
 import * as path from 'path'
 import * as readline from 'readline'
+import { fileURLToPath } from 'url'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
 
 // 配置项
 const COMMIT_MESSAGE = 'chore: update package version'

webpack.config.js

@@ -1,13 +1,17 @@
-const path = require('path')
-const fs = require('fs')
+import path from 'path'
+import fs from 'fs'
+import { fileURLToPath } from 'url'
 
-const webpack = require('webpack')
-const WebSocket = require('ws')
-const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
-const MiniCssExtractPlugin = require('mini-css-extract-plugin')
-const TerserPlugin = require('terser-webpack-plugin')
+import webpack from 'webpack'
+import WebSocket from 'ws'
+import CssMinimizerPlugin from 'css-minimizer-webpack-plugin'
+import MiniCssExtractPlugin from 'mini-css-extract-plugin'
+import TerserPlugin from 'terser-webpack-plugin'
 
-const packageJson = require('./package.json')
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+const packageJson = JSON.parse(fs.readFileSync('./package.json', 'utf8'))
 const packageName = packageJson.name
 
 class CompilationNotifierPlugin {
@@ -119,7 +123,7 @@ class MessagesProcessorPlugin {
   }
 }
 
-module.exports = (env, argv) => {
+export default (env, argv) => {
   const isServe = argv.serve || process.env.WEBPACK_SERVE === 'true'
   const isDevelopment = isServe