create-rspack 1.7.3 → 2.0.0-canary.20260120

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-rspack",
3
- "version": "1.7.3",
3
+ "version": "2.0.0-canary.20260120",
4
4
  "homepage": "https://rspack.rs",
5
5
  "bugs": "https://github.com/web-infra-dev/rspack/issues",
6
6
  "repository": {
@@ -8,14 +8,12 @@ import { ReactRefreshRspackPlugin } from '@rspack/plugin-react-refresh';
8
8
  const __dirname = dirname(fileURLToPath(import.meta.url));
9
9
  const isDev = process.env.NODE_ENV === 'development';
10
10
 
11
- // Target browsers, see: https://github.com/browserslist/browserslist
12
- const targets = ['last 2 versions', '> 0.2%', 'not dead', 'Firefox ESR'];
13
-
14
11
  export default defineConfig({
15
12
  context: __dirname,
16
13
  entry: {
17
14
  main: './src/main.jsx',
18
15
  },
16
+ target: ['browserslist:last 2 versions, > 0.2%, not dead, Firefox ESR'],
19
17
  resolve: {
20
18
  extensions: ['...', '.ts', '.tsx', '.jsx'],
21
19
  },
@@ -25,6 +23,10 @@ export default defineConfig({
25
23
  test: /\.svg$/,
26
24
  type: 'asset',
27
25
  },
26
+ {
27
+ test: /\.css$/,
28
+ type: 'css/auto',
29
+ },
28
30
  {
29
31
  test: /\.(jsx?|tsx?)$/,
30
32
  use: [
@@ -45,7 +47,6 @@ export default defineConfig({
45
47
  },
46
48
  },
47
49
  },
48
- env: { targets },
49
50
  },
50
51
  },
51
52
  ],
@@ -58,15 +59,4 @@ export default defineConfig({
58
59
  }),
59
60
  isDev ? new ReactRefreshRspackPlugin() : null,
60
61
  ],
61
- optimization: {
62
- minimizer: [
63
- new rspack.SwcJsMinimizerRspackPlugin(),
64
- new rspack.LightningCssMinimizerRspackPlugin({
65
- minimizerOptions: { targets },
66
- }),
67
- ],
68
- },
69
- experiments: {
70
- css: true,
71
- },
72
62
  });
@@ -4,13 +4,11 @@ import { ReactRefreshRspackPlugin } from '@rspack/plugin-react-refresh';
4
4
 
5
5
  const isDev = process.env.NODE_ENV === 'development';
6
6
 
7
- // Target browsers, see: https://github.com/browserslist/browserslist
8
- const targets = ['last 2 versions', '> 0.2%', 'not dead', 'Firefox ESR'];
9
-
10
7
  export default defineConfig({
11
8
  entry: {
12
9
  main: './src/main.tsx',
13
10
  },
11
+ target: ['browserslist:last 2 versions, > 0.2%, not dead, Firefox ESR'],
14
12
  resolve: {
15
13
  extensions: ['...', '.ts', '.tsx', '.jsx'],
16
14
  },
@@ -20,6 +18,10 @@ export default defineConfig({
20
18
  test: /\.svg$/,
21
19
  type: 'asset',
22
20
  },
21
+ {
22
+ test: /\.css$/,
23
+ type: 'css/auto',
24
+ },
23
25
  {
24
26
  test: /\.(jsx?|tsx?)$/,
25
27
  use: [
@@ -39,7 +41,6 @@ export default defineConfig({
39
41
  },
40
42
  },
41
43
  },
42
- env: { targets },
43
44
  } satisfies SwcLoaderOptions,
44
45
  },
45
46
  ],
@@ -52,15 +53,4 @@ export default defineConfig({
52
53
  }),
53
54
  isDev ? new ReactRefreshRspackPlugin() : null,
54
55
  ],
55
- optimization: {
56
- minimizer: [
57
- new rspack.SwcJsMinimizerRspackPlugin(),
58
- new rspack.LightningCssMinimizerRspackPlugin({
59
- minimizerOptions: { targets },
60
- }),
61
- ],
62
- },
63
- experiments: {
64
- css: true,
65
- },
66
56
  });
@@ -2,15 +2,17 @@
2
2
  import { defineConfig } from '@rspack/cli';
3
3
  import { rspack } from '@rspack/core';
4
4
 
5
- // Target browsers, see: https://github.com/browserslist/browserslist
6
- const targets = ['last 2 versions', '> 0.2%', 'not dead', 'Firefox ESR'];
7
-
8
5
  export default defineConfig({
9
6
  entry: {
10
7
  main: './src/index.js',
11
8
  },
9
+ target: ['browserslist:last 2 versions, > 0.2%, not dead, Firefox ESR'],
12
10
  module: {
13
11
  rules: [
12
+ {
13
+ test: /\.css$/,
14
+ type: 'css/auto',
15
+ },
14
16
  {
15
17
  test: /\.svg$/,
16
18
  type: 'asset',
@@ -27,7 +29,6 @@ export default defineConfig({
27
29
  syntax: 'ecmascript',
28
30
  },
29
31
  },
30
- env: { targets },
31
32
  },
32
33
  },
33
34
  ],
@@ -35,15 +36,4 @@ export default defineConfig({
35
36
  ],
36
37
  },
37
38
  plugins: [new rspack.HtmlRspackPlugin({ template: './index.html' })],
38
- optimization: {
39
- minimizer: [
40
- new rspack.SwcJsMinimizerRspackPlugin(),
41
- new rspack.LightningCssMinimizerRspackPlugin({
42
- minimizerOptions: { targets },
43
- }),
44
- ],
45
- },
46
- experiments: {
47
- css: true,
48
- },
49
39
  });
@@ -1,18 +1,20 @@
1
1
  import { defineConfig } from '@rspack/cli';
2
2
  import { rspack, type SwcLoaderOptions } from '@rspack/core';
3
3
 
4
- // Target browsers, see: https://github.com/browserslist/browserslist
5
- const targets = ['last 2 versions', '> 0.2%', 'not dead', 'Firefox ESR'];
6
-
7
4
  export default defineConfig({
8
5
  entry: {
9
6
  main: './src/index.ts',
10
7
  },
8
+ target: ['browserslist:last 2 versions, > 0.2%, not dead, Firefox ESR'],
11
9
  resolve: {
12
10
  extensions: ['...', '.ts'],
13
11
  },
14
12
  module: {
15
13
  rules: [
14
+ {
15
+ test: /\.css$/,
16
+ type: 'css/auto',
17
+ },
16
18
  {
17
19
  test: /\.svg$/,
18
20
  type: 'asset',
@@ -28,7 +30,6 @@ export default defineConfig({
28
30
  syntax: 'ecmascript',
29
31
  },
30
32
  },
31
- env: { targets },
32
33
  } satisfies SwcLoaderOptions,
33
34
  },
34
35
  ],
@@ -44,7 +45,6 @@ export default defineConfig({
44
45
  syntax: 'typescript',
45
46
  },
46
47
  },
47
- env: { targets },
48
48
  } satisfies SwcLoaderOptions,
49
49
  },
50
50
  ],
@@ -52,15 +52,4 @@ export default defineConfig({
52
52
  ],
53
53
  },
54
54
  plugins: [new rspack.HtmlRspackPlugin({ template: './index.html' })],
55
- optimization: {
56
- minimizer: [
57
- new rspack.SwcJsMinimizerRspackPlugin(),
58
- new rspack.LightningCssMinimizerRspackPlugin({
59
- minimizerOptions: { targets },
60
- }),
61
- ],
62
- },
63
- experiments: {
64
- css: true,
65
- },
66
55
  });
@@ -3,18 +3,20 @@ import { defineConfig } from '@rspack/cli';
3
3
  import { rspack } from '@rspack/core';
4
4
  import { VueLoaderPlugin } from 'rspack-vue-loader';
5
5
 
6
- // Target browsers, see: https://github.com/browserslist/browserslist
7
- const targets = ['last 2 versions', '> 0.2%', 'not dead', 'Firefox ESR'];
8
-
9
6
  export default defineConfig({
10
7
  entry: {
11
8
  main: './src/main.js',
12
9
  },
10
+ target: ['browserslist:last 2 versions, > 0.2%, not dead, Firefox ESR'],
13
11
  resolve: {
14
12
  extensions: ['...', '.ts', '.vue'],
15
13
  },
16
14
  module: {
17
15
  rules: [
16
+ {
17
+ test: /\.css$/,
18
+ type: 'css/auto',
19
+ },
18
20
  {
19
21
  test: /\.vue$/,
20
22
  loader: 'rspack-vue-loader',
@@ -34,7 +36,6 @@ export default defineConfig({
34
36
  syntax: 'typescript',
35
37
  },
36
38
  },
37
- env: { targets },
38
39
  },
39
40
  },
40
41
  ],
@@ -55,15 +56,4 @@ export default defineConfig({
55
56
  }),
56
57
  new VueLoaderPlugin(),
57
58
  ],
58
- optimization: {
59
- minimizer: [
60
- new rspack.SwcJsMinimizerRspackPlugin(),
61
- new rspack.LightningCssMinimizerRspackPlugin({
62
- minimizerOptions: { targets },
63
- }),
64
- ],
65
- },
66
- experiments: {
67
- css: true,
68
- },
69
59
  });
@@ -6,18 +6,20 @@ import {
6
6
  } from '@rspack/core';
7
7
  import { VueLoaderPlugin } from 'rspack-vue-loader';
8
8
 
9
- // Target browsers, see: https://github.com/browserslist/browserslist
10
- const targets = ['last 2 versions', '> 0.2%', 'not dead', 'Firefox ESR'];
11
-
12
9
  export default defineConfig({
13
10
  entry: {
14
11
  main: './src/main.ts',
15
12
  },
13
+ target: ['browserslist:last 2 versions, > 0.2%, not dead, Firefox ESR'],
16
14
  resolve: {
17
15
  extensions: ['...', '.ts', '.vue'],
18
16
  },
19
17
  module: {
20
18
  rules: [
19
+ {
20
+ test: /\.css$/,
21
+ type: 'css/auto',
22
+ },
21
23
  {
22
24
  test: /\.vue$/,
23
25
  loader: 'rspack-vue-loader',
@@ -36,7 +38,6 @@ export default defineConfig({
36
38
  syntax: 'typescript',
37
39
  },
38
40
  },
39
- env: { targets },
40
41
  } satisfies SwcLoaderOptions,
41
42
  },
42
43
  ],
@@ -57,15 +58,4 @@ export default defineConfig({
57
58
  }),
58
59
  new VueLoaderPlugin() as RspackPluginFunction,
59
60
  ],
60
- optimization: {
61
- minimizer: [
62
- new rspack.SwcJsMinimizerRspackPlugin(),
63
- new rspack.LightningCssMinimizerRspackPlugin({
64
- minimizerOptions: { targets },
65
- }),
66
- ],
67
- },
68
- experiments: {
69
- css: true,
70
- },
71
61
  });