10000 feat(examples): add rspack · unplugin/unplugin-vue@50caf2b · GitHub
[go: up one dir, main page]
Skip to content

Commit 50caf2b

Browse files
sxzzsxzz
committed
feat(examples): add rspack
1 parent d9643c3 commit 50caf2b

File tree

11 files changed

+783
-13
lines changed

11 files changed

+783
-13
lines changed

‎.npmrc

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
shell-emulator = true

‎examples/rspack/package.json

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"private": true,
3+
"author": "三咲智子 <sxzz@sxzz.moe>",
4+
"scripts": {
5+
"serve": "MODE=development rspack serve",
6+
"build": "rimraf dist && MODE=production rspack build",
7+
"preview": "serve dist"
8+
},
9+
"dependencies": {
10+
"vue": "^3.4.33"
11+
},
12+
"devDependencies": {
13+
"@rspack/cli": "1.0.0-alpha.1",
14+
"@rspack/core": "1.0.0-alpha.1",
15+
"serve": "^14.2.3",
16+
"swc-loader": "^0.2.6",
17+
"ts-node": "^10.9.2",
18+
"unplugin-vue": "workspace:*"
19+
}
20+
}

‎examples/rspack/public/index.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Webpack</title>
8+
</head>
9+
<body>
10+
<div id="app"></div>
11+
</body>
12+
</html>

‎examples/rspack/rspack.config.js

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
const process = require('node:process')
2+
const rspack = require('@rspack/core')
3+
const Vue = require('unplugin-vue/rspack')
4+
5+
/** @type {import('@rspack/core').Configuration} */
6+
const config = {
7+
mode: process.env.MODE ?? 'development',
8+
entry: {
9+
app: './src/main.ts',
10+
},
11+
module: {
12+
rules: [
13+
{
14+
enforce: 'post',
15+
test: /\.m?ts$/,
16+
exclude: /(node_modules)/,
17+
use: { loader: 'swc-loader' },
18+
},
19+
],
20+
},
21+
plugins: [
22+
Vue(),
23+
new rspack.HtmlRspackPlugin({
24+
filename: 'index.html',
25+
template: 'public/index.html',
26+
}),
27+
],
28+
}
29+
module.exports = config

‎examples/rspack/src/App.vue

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<script setup lang="ts">
2+
import { ref } from 'vue'
3+
const msg = ref('')
4+
</script>
5+
6+
<template>
7+
<div>
8+
<h1>Hello world</h1>
9+
<h2>{{ msg }}</h2>
10+
<input v-model="msg" type="text" />
11+
</div>
12+
</template>

‎examples/rspack/src/main.ts

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
import { createApp } from 'vue'
2+
import App from './App.vue'
3+
4+
createApp(App).mount('#app')

‎examples/rspack/tsconfig.json

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
{
2+
"compilerOptions": {
3+
"module": "esnext",
4+
"moduleResolution": "bundler"
5+
},
6+
"include": ["src/**/*", "*"],
7+
"exclude": ["node_modules"]
8+
}

‎examples/webpack/package.json

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22
"private": true,
33
"author": "三咲智子 <sxzz@sxzz.moe>",
44
"scripts": {
5-
"serve": "cross-env MODE=development webpack serve",
6-
"build": "rimraf dist && cross-env MODE=production webpack build",
5+
"serve": "MODE=development webpack serve",
6+
"build": "rimraf dist && MODE=production webpack build",
77
"preview": "serve dist"
88
},
99
"dependencies": {
@@ -12,7 +12,6 @@
1212
"devDependencies": {
1313
"@swc/core": "^1.7.0",
1414
"@types/webpack": "^5.28.5",
15-
"cross-env": "^7.0.3",
1615
"html-webpack-plugin": "^5.6.0",
1716
"serve": "^14.2.3",
1817
"sucrase": "^3.35.0",

‎package.json

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,10 @@
4343
"require": "./dist/webpack.cjs",
4444
"import": "./dist/webpack.js"
4545
},
46+
"./rspack": {
47+
"require": "./dist/rspack.cjs",
48+
"import": "./dist/rspack.js"
49+
},
4650
"./rollup": {
4751
"require": "./dist/rollup.cjs",
4852
"import": "./dist/rollup.js"

0 commit comments

Comments
 (0)
0