vite 初始化常用插件

Vite 官方中文文档

webpack

• 细颗粒
• vue-loader ts-loader
• 原理：
  • 把所有的src文件打包成一个bundle.js文件→>慢

vite 创建项目

使用 Yarn:

$ yarn create vite

vite →es module 比较火 浏览器的特性所以变快了

插件

• @vitejs/plugin-legacy - Legacy browser support.

yarn add @vitejs/plugin-legacy

使用

// vite.config.js
import legacy from '@vitejs/plugin-legacy'

export default {
  plugins: [
    legacy({
      targets: ['defaults', 'not IE 11']
    })
  ]
}

• vite-plugin-banner 支持你生成的JS文件增加注释

https://github.com/chengpeiquan/vite-plugin-banner

npm instal