![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Webpack和Vite打包工具
文章平均质量分 82
满脑子技术的前端工程师
一枚热爱分享知识的前端程序猿!!!
现用名:【满脑子技术的前端工程师】 曾用名:[机智的前端小白][前端程序]
展开
-
eslint代码校验及修复(Vue项目快速上手)
项目中配置eslint校验前言1. webpack5搭建 Vue项目如下🔗(可以查看)2. eslint+prettier Vue项目如下🔗(暂时未更新)一、什么是 ESLint?二、为什么要使用 ESLint?三、如何在 Vue 项目中集成 ESLint?3.1.安装依赖代码如下:如下图所示3.2.配置.eslintrc文件一键化配置例如下面的配置3.3 配置package.json文件四、结果如下图所示如下图所示五、问题汇总如下:5.1: --fix 都会修复哪些问原创 2023-09-21 15:07:12 · 388 阅读 · 0 评论 -
Webpack5 搭建Vue项目(进阶版)
Webpack5 搭建Vue项目(进阶版)前言一、进阶版本有哪些特点?二、主要的文件代码如下1.设置一个公共配置 webpack.common文件2.设置一个【dev】config文件3.设置一个【prod】config文件三、配置 package.json文件1.代码如下总结如下(一定要看)原创 2023-09-05 19:29:31 · 735 阅读 · 0 评论 -
Webpack5 搭建Vue(基础版)
第一步:准备工作1. 初始化项目2. 准备工作(安装依赖)依赖说明如下依赖code如下:依赖安装如下图:第二步:编写webpack.config.js1. 配置字段说明2. webpack.config.js完整配置如下(有解释说明)第三步:问题汇总1.打包文件名称问题(需要分片处理)2. 拼写问题3. 模版插件的使用问题等(这里就不一一列举了!!!)总结(进阶版 -- 待更新)希望对想了解配置过程的👨🎓(👩🎓)有帮助原创 2023-05-12 17:13:44 · 997 阅读 · 1 评论 -
webpack安装步骤(一)
一、Webpack是什么?Webpack官网解释解释内容如下图二、Webpack的安装步骤第一步:检查本机是否已经安装过Webpack(全局)1.操作如下2.结果如下图第二步:安装webpack(非全局)1.创建一个文件(vscode或者终端打开)2.执行项目初始化命令(不明白可以点🔗)执行命令如下(下面🔗有解释)具体如下图3.执行安装webpack命令命令如下成功如下图总结(必看必看⚠️⚠️)原创 2023-02-17 14:30:45 · 871 阅读 · 0 评论