3

packages/3-baseconfig/.gitignore

@@ -0,0 +1,9 @@
+node_modules
+*.log*
+.nuxt
+.nitro
+.cache
+.output
+.env
+dist
+.DS_Store

packages/3-baseconfig/.npmrc

@@ -0,0 +1 @@
+shamefully-hoist=true

packages/3-baseconfig/README.md

@@ -0,0 +1,40 @@
+# 基础配置
+
+## 自定义启动端口
+
+```shell
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+    devServer: {
+        port: 3000,
+        host: "0.0.0.0"
+    },
+})
+```
+
+## 自定义样式
+
+```js
+// https://nuxt.com/docs/api/configuration/nuxt-config
+import { fileURLToPath } from "node:url";
+
+export default defineNuxtConfig({
+  srcDir: "src",
+  devServer: {
+    port: 3000,
+    host: "0.0.0.0",
+  },
+  vite: {
+    css: {
+      preprocessorOptions: {
+        scss: {
+          additionalData: '@import "@/style/index.scss";',
+        },
+      },
+    },
+  },
+  alias: {
+    "@": fileURLToPath(new URL("./src/", import.meta.url)),
+  },
+});
+```

packages/3-baseconfig/nuxt.config.ts

@@ -0,0 +1,22 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+import { fileURLToPath } from "node:url";
+
+export default defineNuxtConfig({
+    srcDir: "src",
+    devServer: {
+        port: 3000,
+        host: "0.0.0.0"
+    },
+    vite: {
+        css: {
+            preprocessorOptions: {
+                scss: {
+                    additionalData: '@import "@/style/index.scss";',
+                },
+            },
+        },
+    },
+    alias: {
+        "@": fileURLToPath(new URL("./src/", import.meta.url)),
+    },
+})

packages/3-baseconfig/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "nuxt-app",
+  "private": true,
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "devDependencies": {
+    "@types/node": "^18",
+    "nuxt": "^3.4.3"
+  }
+}

packages/3-baseconfig/src/app.vue

@@ -0,0 +1,14 @@
+<template>
+  <div>Hello</div>
+</template>
+
+<script lang="ts" setup>
+onMounted(() => {
+  console.log("mounted");
+});
+</script>
+
+<style lang="scss">
+div {
+s}
+</style>

packages/3-baseconfig/src/style/index.scss

@@ -0,0 +1,5 @@
+body,html {
+    width: 100vw;
+    height: 100vh;
+    background-color: red;
+}

packages/3-baseconfig/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json"
+}