vite从零开发一个项目

简介: vite从零开发一个项目

初始化



npm init vite@latest
npm i


别名配置,extensions配置



import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
const {resolve} = require('path')
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: [{ find: '@', replacement: resolve(__dirname, 'src') }],
  },
})


安装sass



npm i node-sass
npm i sass-loader
npm i sass
相关文章
|
6月前
|
JavaScript 前端开发
什么是前端构建工具?vite和vite脚手架的关系!
【8月更文挑战第1天】前端构建工具简析
108 4
|
JavaScript 前端开发
vite 开发与学习
vite 开发与学习
|
前端开发 JavaScript 开发者
Vite前端构建工具详解
Vite 是一款新兴的前端构建工具,它的出现带来了前端开发体验的革命性变化。本文将介绍 Vite 的基本概念和核心特性,并通过代码实例来演示其强大功能。
213 0
|
JavaScript
为老的vueCli项目添加vite支持
为老的vueCli项目添加vite支持
157 0
为老的vueCli项目添加vite支持
|
9月前
|
资源调度 JavaScript Linux
VueCLI:Vue项目脚手架与构建工具技术详解
【4月更文挑战第24天】VueCLI是Vue.js官方的项目脚手架,简化创建与配置,提供丰富的插件系统,支持全生命周期功能,如代码编译、打包部署。它具有易于配置、跨平台支持等优势。通过安装、创建项目、运行及构建命令,开发者能快速搭建Vue应用。VueCLI允许自定义配置(vue.config.js)和安装各类插件,如vue-router、vuex,以适应不同项目需求,提高开发效率。
|
7月前
|
JavaScript
Vite 项目中如何去集成 Sass
Vite 项目中如何去集成 Sass
78 0
|
JavaScript
使用Vite构建工具快速创建Vue项目
和Webpack相比,Vite具有以下特点:1、快速的冷启动,不需要等待打包;2、即时的热模块更新,真正的按需编译,不用等待整个项目编译完成
Vite实战:Vite快速搭建Vue3.0项目
Vite实战:Vite快速搭建Vue3.0项目
186 0
Vite实战:Vite快速搭建Vue3.0项目
|
资源调度 前端开发 JavaScript
前端开发与构建工具Vite
前端开发与构建工具Vite
前端开发与构建工具Vite
|
域名解析 开发框架 JavaScript
vue2.0项目从零开发到打包部署
vue2.0项目从零开发到打包部署
182 0

热门文章

最新文章