vite手撸基础配置

vite内置支持css，js，ts等，直接引入使用，无需任何配置。 vite会预打包，所以速度较快。

安装vite

yarn add vite

配置sass

• yarn add sass，引入对应的文件，无需配置

配置postcss

• yarn add postcss
• postcss依赖插件，故还需要yarn add postcss-preset-env
• 根目录新建postcss.config.js

module.exports = {
  plugins: [require("postcss-preset-env")],
};

配置vue

• vue3：yarn add @vitejs/plugin-vue
• vue3-jsx：yarn add @vitejs/plugin-vue-jsx，
• 根目录新建vite.config.js

const vue = require("@vitejs/plugin-vue");
module.exports = {
  plugins: [vue()],
};