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 搜索推荐
VueCLI 脚手架I
VueCLI 脚手架I
|
6月前
|
存储 JavaScript 前端开发
VueCLI 脚手架II
VueCLI 脚手架II
|
前端开发 JavaScript 开发者
Vite前端构建工具详解
Vite 是一款新兴的前端构建工具,它的出现带来了前端开发体验的革命性变化。本文将介绍 Vite 的基本概念和核心特性,并通过代码实例来演示其强大功能。
180 0
|
JavaScript 前端开发 开发者
Vue工程化开发(脚手架环境)(上)
Vue工程化开发(脚手架环境)(上)
87 0
|
3月前
|
JavaScript 前端开发
什么是前端构建工具?vite和vite脚手架的关系!
【8月更文挑战第1天】前端构建工具简析
78 4
|
4月前
|
JavaScript
Vite 项目中如何去集成 Sass
Vite 项目中如何去集成 Sass
58 0
|
6月前
|
资源调度 JavaScript Linux
VueCLI:Vue项目脚手架与构建工具技术详解
【4月更文挑战第24天】VueCLI是Vue.js官方的项目脚手架,简化创建与配置,提供丰富的插件系统,支持全生命周期功能,如代码编译、打包部署。它具有易于配置、跨平台支持等优势。通过安装、创建项目、运行及构建命令,开发者能快速搭建Vue应用。VueCLI允许自定义配置(vue.config.js)和安装各类插件,如vue-router、vuex,以适应不同项目需求,提高开发效率。
|
12月前
|
域名解析 开发框架 JavaScript
vue2.0项目从零开发到打包部署
vue2.0项目从零开发到打包部署
136 0
|
12月前
|
域名解析 开发框架 JavaScript
Vue项目从搭建环境到打包上线
Vue项目从搭建环境到打包上线
101 0
|
JavaScript
为老的vueCli项目添加vite支持
为老的vueCli项目添加vite支持
129 0
为老的vueCli项目添加vite支持