2024-05-06是以组件为基本单位产出 js、css、less 文件，借助插件或者部分引入的写法，使得项目代码或 babel 编译后的代码中只包含使用到的组件的 js、css、less 等。若是采用手动引入需要使用到的组件以及其对应的样式文件，那么在 webpack 构件时组件库中其他未被引入的文件不会被打包。，自动引入的本质是将引入组件的写法通过插件来。组件对应的代码以及样式文件的写法。_babel-plugin-import

https://www.qianduange.cn//article/7203.html 分类：前端知识

2024-05-06在vite脚手架中配置对svg的处理_pnpm install fast-glob

https://www.qianduange.cn//article/7168.html 分类：前端知识

2024-05-06proseWrap: ‘preserve’, // 使用默认的折行标准 参考 https://prettier.io/docs/en/options.html#trailing-commas。trailingComma: ‘none’, // 代码末尾不需要逗号 参考 https://prettier.io/docs/en/options.html#prose-wrap。‘jsx-quotes’: [2, ‘prefer-single’], // 强制在JSX文件中一致使用单引号。_vite-plugin-eslint

https://www.qianduange.cn//article/7118.html 分类：前端知识

2024-05-05前要：今天项目开发用到vue3技术框架 TypeScript语法 vite打包技术…,但是配置vue-router是报错Parsing error: Unexpected token.！顺便记录一下解决不同语法下的交接方法！！！_parsing error: unexpected token :.eslint-plugin-vue

https://www.qianduange.cn//article/7081.html 分类：前端知识

2024-05-05可以同时使用多个 Plugin 和 Preset，此时，它们的执行顺序非常重要。先执行完所有 Plugin，再执行 Preset。多个 Plugin，按照声明次序顺序执行。多个 Preset，按照声明次序逆序执行。_使用rollup打包vue2 ts

https://www.qianduange.cn//article/6950.html 分类：前端知识

2024-05-05①安装webpack打包工具：npm install webpack -g②搭建vue脚手架：npm install -g vue-cli③创建vue项目：vue init webpack "项目名称"_postcss-plugin-px2rem

https://www.qianduange.cn//article/6889.html 分类：前端知识

2024-05-03问题：Try `npm install @types/postcss-plugin-px2rem` if it exists or add a new declaration (.d.ts) file...这是由于引入第三方库但缺少声明文件的情况。这时，TypeScript编译器可能会报错，因为它无法理解如何处理这个模块。正确的方式处理未定义的声明文件（index.d.ts）。解决方法：1、全局设置：在项目的src文件夹下先创建一个声明文件，作用是当用户在ts文件下导入 “postcss-pl_if it exists or add a new declaration (.d.ts) file containing `declare modul

https://www.qianduange.cn//article/6866.html 分类：前端知识

2024-05-03Webpack是一个功能强大的模块打包工具，而HtmlWebpackPlugin是Webpack的一个插件，用于生成HTML文件并自动注入打包后的资源。介绍了Webpack5中HtmlWebpackPlugin插件的用法及其各种配置选项。借助HtmlWebpackPlugin插件，我们可以方便地生成HTML文件并自动注入打包后的资源，同时还能对HTML进行压缩和定制化配置。_webpack5 html-webpack-plugin 模板文件

https://www.qianduange.cn//article/6767.html 分类：前端知识

2024-04-29vue3配合ts中，还需要额外安装一个vscode插件：Typescript Vue Plugin。## defineProps与Typescript 目标：掌握defineProps如何配合ts使用,## defineEmits与Typescript 目标：掌握defineEmit如何配合ts使用,## ref与Typescript 目标：掌握ref配合ts如何使用,## reactive与Typescript目标：掌握reactive配合typescript如何使用computed与Typescript_typescript defineprops

https://www.qianduange.cn//article/6430.html 分类：前端知识

2024-04-29当浏览器请求需要的模块时，再对模块进行编译，这种按需动态编译的模式，极大缩短了编译时间，当项目越大，文件越多时，vite的开发时优势越明显。使用复杂度介于Parcel和Webpack的中间，只是暴露了极少数的配置项和plugin接口，既不会像Parcel一样配置不灵活，又不会像Webpack一样需要了解庞大的loader、plugin生态，灵活适中、复杂度适中。webpack是基于模块化的打包(构建)工具，通过一个入口文件递归出所有模块的依赖关系，经过一系列的过程（压缩，合并），最终生成运行的代码。_vite.config

https://www.qianduange.cn//article/6244.html 分类：前端知识