@empjs/plugin-vue3 3.0.0-beta.3 → 3.0.0-rc.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -0
- package/dist/index.js +34 -32
- package/package.json +15 -22
package/README.md
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
# @empjs/plugin-vue3
|
|
2
|
+
## 安装
|
|
3
|
+
```
|
|
4
|
+
pnpm add @empjs/plugin-vue3 -D
|
|
5
|
+
```
|
|
6
|
+
## 使用
|
|
7
|
+
```js
|
|
8
|
+
import pluginVue from '@empjs/plugin-vue3'
|
|
9
|
+
import {defineConfig} from '@empjs/cli'
|
|
10
|
+
export default defineConfig(({mode, env}) => {
|
|
11
|
+
return {
|
|
12
|
+
plugins: [pluginVue()],
|
|
13
|
+
}
|
|
14
|
+
})
|
|
15
|
+
|
|
16
|
+
```
|
package/dist/index.js
CHANGED
|
@@ -6,17 +6,19 @@ export default () => {
|
|
|
6
6
|
async rsConfig(store) {
|
|
7
7
|
const { importResolve, chain } = store;
|
|
8
8
|
//
|
|
9
|
-
store.merge({
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
})
|
|
9
|
+
// store.merge({
|
|
10
|
+
// experiments: {
|
|
11
|
+
// rspackFuture: {
|
|
12
|
+
// newTreeshaking: true, // 该功能启用了与 webpack 相同的新摇树优化实现，可以生成更高效和更小的代码。
|
|
13
|
+
// },
|
|
14
|
+
// },
|
|
15
|
+
// })
|
|
16
16
|
//
|
|
17
17
|
// reset
|
|
18
|
-
chain.module.rule('javascript').uses.clear().end()
|
|
19
|
-
chain.module.rule('typescript').uses.clear().end()
|
|
18
|
+
// chain.module.rule('javascript').uses.clear().end()
|
|
19
|
+
// chain.module.rule('typescript').uses.clear().end()
|
|
20
|
+
chain.module.rule('javascript').test(/\.js$/);
|
|
21
|
+
chain.module.rule('typescript').test(/\.ts$/);
|
|
20
22
|
// plugin
|
|
21
23
|
chain.plugin('vue-loader-plugin').use(VueLoaderPlugin, []);
|
|
22
24
|
// module
|
|
@@ -34,17 +36,17 @@ export default () => {
|
|
|
34
36
|
.end();
|
|
35
37
|
//jsx and tsx compile
|
|
36
38
|
chain.module
|
|
37
|
-
.rule('vue-
|
|
39
|
+
.rule('vue-jtsx')
|
|
38
40
|
// .test(/\.(js|jsx|ts|tsx)$/)
|
|
39
41
|
.test(/\.(jsx|tsx)$/)
|
|
40
42
|
.use('babel-loader')
|
|
41
|
-
.loader(importResolve('babel-loader'))
|
|
43
|
+
.loader(importResolve('babel-loader', import.meta.url))
|
|
42
44
|
.options({
|
|
43
45
|
presets: [
|
|
44
46
|
[
|
|
45
47
|
importResolve('@babel/preset-typescript', import.meta.url),
|
|
46
48
|
{
|
|
47
|
-
isTSX: true,
|
|
49
|
+
isTSX: true, // allExtensions依赖isTSX https://babeljs.io/docs/en/babel-preset-typescript#allextensions
|
|
48
50
|
allExtensions: true, // 支持所有文件扩展名
|
|
49
51
|
},
|
|
50
52
|
],
|
|
@@ -74,26 +76,26 @@ export default () => {
|
|
|
74
76
|
type: 'asset/resource',
|
|
75
77
|
},
|
|
76
78
|
// vue js and ts compile
|
|
77
|
-
vuejs: {
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
},
|
|
79
|
+
// vuejs: {
|
|
80
|
+
// test: /\.(js|ts)$/,
|
|
81
|
+
// exclude: store.empConfig.moduleTransformRule,
|
|
82
|
+
// sideEffects: false, // 标记模块是否存在副作用。
|
|
83
|
+
// use: [
|
|
84
|
+
// {
|
|
85
|
+
// loader: 'builtin:swc-loader',
|
|
86
|
+
// options: {
|
|
87
|
+
// jsc: {
|
|
88
|
+
// parser: {
|
|
89
|
+
// syntax: 'typescript',
|
|
90
|
+
// decorators: true,
|
|
91
|
+
// tsx: true,
|
|
92
|
+
// dynamicImport: true,
|
|
93
|
+
// },
|
|
94
|
+
// },
|
|
95
|
+
// },
|
|
96
|
+
// },
|
|
97
|
+
// ],
|
|
98
|
+
// },
|
|
97
99
|
},
|
|
98
100
|
},
|
|
99
101
|
});
|
package/package.json
CHANGED
|
@@ -1,16 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@empjs/plugin-vue3",
|
|
3
|
-
"version": "3.0.0-
|
|
3
|
+
"version": "3.0.0-rc.22",
|
|
4
4
|
"description": "emp vue3 plugin",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
7
|
-
"files": [
|
|
8
|
-
|
|
9
|
-
],
|
|
10
|
-
"maintainers": [
|
|
11
|
-
"xuhongbin",
|
|
12
|
-
"ckken"
|
|
13
|
-
],
|
|
7
|
+
"files": ["dist"],
|
|
8
|
+
"maintainers": ["xuhongbin", "ckken"],
|
|
14
9
|
"repository": {
|
|
15
10
|
"type": "git",
|
|
16
11
|
"url": "git+https://github.com/empjs/emp.git",
|
|
@@ -19,21 +14,18 @@
|
|
|
19
14
|
"publishConfig": {
|
|
20
15
|
"access": "public"
|
|
21
16
|
},
|
|
22
|
-
"keywords": [
|
|
23
|
-
"vue",
|
|
24
|
-
"vue3"
|
|
25
|
-
],
|
|
17
|
+
"keywords": ["vue", "vue3"],
|
|
26
18
|
"main": "dist/index.js",
|
|
27
19
|
"types": "dist/index.d.ts",
|
|
28
20
|
"exports": {
|
|
29
21
|
".": "./dist/index.js"
|
|
30
22
|
},
|
|
31
23
|
"scripts": {
|
|
32
|
-
"dev": "rimraf dist && pnpm run /^
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"build": "rimraf dist && pnpm run /^
|
|
36
|
-
"
|
|
24
|
+
"dev": "rimraf dist && pnpm run /^dev:.*/",
|
|
25
|
+
"dev:tsc": "tsc -w",
|
|
26
|
+
"dev:tsc-alias": "tsc-alias -w",
|
|
27
|
+
"build": "rimraf dist && pnpm run /^build:.*/",
|
|
28
|
+
"build:ts": "tsc && tsc-alias"
|
|
37
29
|
},
|
|
38
30
|
"engines": {
|
|
39
31
|
"node": ">=20.0.0"
|
|
@@ -45,10 +37,11 @@
|
|
|
45
37
|
"tsc-alias": "^1.8.8"
|
|
46
38
|
},
|
|
47
39
|
"dependencies": {
|
|
48
|
-
"@babel/preset-typescript": "^7.
|
|
49
|
-
"@vue/babel-plugin-jsx": "^1.2.
|
|
40
|
+
"@babel/preset-typescript": "^7.24.1",
|
|
41
|
+
"@vue/babel-plugin-jsx": "^1.2.2",
|
|
50
42
|
"babel-loader": "^9.1.3",
|
|
51
|
-
"vue": "^3.4.
|
|
52
|
-
"vue-loader": "^17.4.2"
|
|
43
|
+
"vue": "^3.4.21",
|
|
44
|
+
"vue-loader": "^17.4.2",
|
|
45
|
+
"vue-svg-loader": "^0.16.0"
|
|
53
46
|
}
|
|
54
|
-
}
|
|
47
|
+
}
|