@empjs/plugin-vue2 3.0.0-alpha.5 → 3.0.0-beta.28

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.
Files changed (2) hide show
  1. package/dist/index.js +35 -73
  2. package/package.json +8 -16
package/dist/index.js CHANGED
@@ -4,33 +4,27 @@ export default () => {
4
4
  return {
5
5
  name: '@empjs/plugin-vue2',
6
6
  async rsConfig(store) {
7
- //
8
- const { importResolve } = store;
9
- //
7
+ const { importResolve, chain } = store;
10
8
  store.merge({
11
9
  experiments: {
12
- css: false,
13
10
  rspackFuture: {
14
11
  newTreeshaking: true, // 该功能启用了与 webpack 相同的新摇树优化实现，可以生成更高效和更小的代码。
15
12
  },
16
13
  },
17
14
  });
18
- // console.log(store.chain)
19
- // store.chain.store('experiments').add({css:false})
20
- const { chain } = store;
21
- // chain.resolve.alias.set('vue', '@vue/runtime-dom')
15
+ //
22
16
  chain.resolve.alias.set('vue$', 'vue/dist/vue.runtime.esm.js');
23
17
  chain.plugin('vue-loader-plugin').use(VueLoaderPlugin, []);
24
- chain.module.rule('javascript').uses.clear().end();
25
- chain.module.rule('typescript').uses.clear().end();
26
- // chain.module.rules.delete('javascript').end()
27
- // chain.module.rules.delete('typescript').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$/);
28
22
  //
29
23
  chain.module
30
24
  .rule('vue-loader')
31
25
  .test(/\.vue$/)
32
26
  .use('vue-loader')
33
- .loader(importResolve('vue-loader'))
27
+ .loader(importResolve('vue-loader', import.meta.url))
34
28
  .options({
35
29
  compilerOptions: {
36
30
  preserveWhitespace: false,
@@ -39,87 +33,55 @@ export default () => {
39
33
  })
40
34
  .end()
41
35
  .use('vue-svg-inline-loader')
42
- .loader(importResolve('vue-svg-inline-loader'))
36
+ .loader(importResolve('vue-svg-inline-loader', import.meta.url))
43
37
  .end();
44
38
  //
45
39
  chain.module
46
- .rule('vue-jsx')
47
- .test(/\.(js|jsx)$/)
40
+ .rule('vue-jtsx')
41
+ .test(/\.(jsx|tsx)$/)
48
42
  .use('babel-loader')
49
- .loader(importResolve('babel-loader'))
43
+ .loader(importResolve('babel-loader', import.meta.url))
50
44
  .options({
51
45
  presets: [
52
46
  [
53
- importResolve('@vue/babel-preset-jsx'),
47
+ importResolve('@vue/babel-preset-jsx', import.meta.url),
54
48
  {
55
49
  compositionAPI: true,
56
- // injectH: true,
57
- // vModel: false,
50
+ injectH: true,
51
+ vModel: false,
58
52
  },
59
53
  ],
60
54
  ],
61
55
  })
62
56
  .end();
63
- // css
64
- chain.module
65
- .rule('css')
66
- .uses.clear()
67
- .end()
68
- .use('vue-style-loader')
69
- .loader(importResolve('vue-style-loader'))
70
- .end()
71
- .use('css-loader')
72
- .loader(importResolve('css-loader'))
73
- .end();
74
- // less
75
- chain.module
76
- .rule('less')
77
- .uses.clear()
78
- .end()
79
- .use('vue-style-loader')
80
- .loader(importResolve('vue-style-loader'))
81
- .end()
82
- .use('css-loader')
83
- .loader(importResolve('css-loader'))
84
- .end()
85
- .use('less-loader')
86
- .loader(importResolve('less-loader'))
87
- .end();
88
- // sass
89
- chain.module
90
- .rule('sass')
91
- .uses.clear()
92
- .end()
93
- .use('vue-style-loader')
94
- .loader(importResolve('vue-style-loader'))
95
- .end()
96
- .use('css-loader')
97
- .loader(importResolve('css-loader'))
98
- .end()
99
- .use('sass-loader')
100
- .loader(importResolve('sass-loader'))
101
- .end();
102
- //
103
- const type = 'javascript/auto';
104
57
  store.chain.merge({
105
58
  module: {
106
59
  rule: {
107
- // scripts: {
108
- // test: /\.(js|tsx?)$/,
109
- // },
110
- css: {
111
- type,
112
- },
113
- less: {
114
- type,
115
- },
116
- sass: {
117
- type,
118
- },
119
60
  svg: {
120
61
  type: 'asset/resource',
121
62
  },
122
63
  },
64
+ // lib: {
65
+ // use: [
66
+ // {
67
+ // loader: 'builtin:swc-loader',
68
+ // options: {
69
+ // rspackExperiments: {
70
+ // import: [
71
+ // {
72
+ // libraryName: 'element-ui',
73
+ // styleLibraryDirectory: 'lib/theme-chalk',
74
+ // },
75
+ // {
76
+ // libraryName: 'unilumin-ui',
77
+ // styleLibraryDirectory: 'lib/style',
78
+ // },
79
+ // ],
80
+ // },
81
+ // },
82
+ // },
83
+ // ],
84
+ // },
123
85
  },
124
86
  });
125
87
  //
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@empjs/plugin-vue2",
3
- "version": "3.0.0-alpha.5",
3
+ "version": "3.0.0-beta.28",
4
4
  "description": "emp vue2 plugin",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -29,11 +29,11 @@
29
29
  ".": "./dist/index.js"
30
30
  },
31
31
  "scripts": {
32
- "dev": "rimraf dist && pnpm run /^esdev:.*/",
33
- "esdev:tsc": "tsc -w",
34
- "esdev:tsc-alias": "tsc-alias -w",
35
- "build": "rimraf dist && pnpm run /^esbuild:.*/",
36
- "esbuild:ts": "tsc && tsc-alias"
32
+ "dev": "rimraf dist && pnpm run /^dev:.*/",
33
+ "dev:tsc": "tsc -w",
34
+ "dev:tsc-alias": "tsc-alias -w",
35
+ "build": "rimraf dist && pnpm run /^build:.*/",
36
+ "build:ts": "tsc && tsc-alias"
37
37
  },
38
38
  "engines": {
39
39
  "node": ">=20.0.0"
@@ -42,21 +42,13 @@
42
42
  "devDependencies": {
43
43
  "@empjs/cli": "workspace:*",
44
44
  "rimraf": "^5.0.5",
45
- "tsc-alias": "^1.8.8",
46
- "typescript": "^5.2.2"
45
+ "tsc-alias": "^1.8.8"
47
46
  },
48
47
  "dependencies": {
49
48
  "@vue/babel-preset-jsx": "^1.4.0",
50
49
  "babel-loader": "^9.1.3",
51
- "css-loader": "^6.10.0",
52
- "less": "^4.2.0",
53
- "less-loader": "^11.1.3",
54
- "sass": "^1.70.0",
55
- "sass-loader": "^13.3.2",
56
50
  "vue": "2.7.14",
57
51
  "vue-loader": "^15.11.0",
58
- "vue-style-loader": "^4.1.3",
59
- "vue-svg-inline-loader": "^2.1.5",
60
- "vue-svg-loader": "^0.16.0"
52
+ "vue-svg-inline-loader": "^2.1.5"
61
53
  }
62
54
  }