Vue3 Project 项目(02)

搭建项目(webpack+typescript+esbuild)

1. 安装vue: yarn add vue

2. 安装css-loader、vue-loader、vue-style-loader、esbuild-loader: yarn add -D esbuild-loader vue-loader css-loader vue-style-loader

3. 创建tsconfig.json,输入以下内容:

{
  "compilerOptions": {
    "lib": ["esnext", "dom"],
    "module": "umd",
    "noImplicitAny": false,
    "removeComments": true,
    "preserveConstEnums": true,
    "sourceMap": true,
    "experimentalDecorators": true,
    "target": "ES6",
    "moduleResolution": "Node",
    "allowSyntheticDefaultImports": true,
    "allowJs": true
  }
}

3. 创建src/main.ts,输入以下内容:

import { createApp } from 'vue';
import App from './app.vue';

const app = createApp(App);
app.mount(document.getElementById('root'));