开发知识点-Webpack/Vite前端构建工具_css


webpack/Vite技术笔记

  • Vite官方文档
  • 一、 介绍
  • 二、 下载使用


Vite官方文档

https://cn.vitejs.dev/guide/features#css-pre-processors

一、 介绍

Webpack是一个现代 JavaScript 应用程序的静态模块打包器

打包:可以把js、css等资源按模块的方式进行处理然后再统一打包输出
静态:最终产出的静态资源都可以直接部署到静态资源服务器上进行使用
模块:webpack支持不同规范的模块化开发(ESmodule、commonJS等)

二、 下载使用

建一个文件夹,用VScode打开,
并执行npm init -y进行初始化

安装webpack和webpack脚手架,这里的-- save -dev(-D)表示安装到开发依赖中,
项目上线后不会用到该插件。

npm install vite