vite-svg-loader插件加载SVG文件作为Vue组件,使用SVGO进行优化。 插件网站https://www.npmjs.com/package/vite-svg-loader 1. 安装 pnpm i vite-svg-loader-D 1. 2.vite.config.ts配置 // svg加载importsvgLoaderfrom'vite-svg-loader'// https://vitejs.dev/config/exportdefaultdefineConfig({// ...plu...
yarn add vite-plugin-svg-icons -D yarn add fast-glob -D vite.config.ts引入插件 //vite.config.tsimport vue from"@vitejs/plugin-vue"; import { createSvgIconsPlugin } from"vite-plugin-svg-icons"; import path from"path";//https://vitejs.dev/config/exportdefault() =>{return{ ..., p...
add(resolve('./node_modules/@gcpaas/dash-board-ui/packages/assets/images/bigScreenIcon/svg')) .add(resolve('./node_modules/@gcpaas/dash-board-ui/packages/Svgs/svg')) .end() .use('svg-sprite-loader') .loader('svg-sprite-loader') .options({ symbolId: 'icon-[name]' }) .end() }...
. ├── README.md ├── dist │ ├── assets │ │ └── loading-page-1924caaa.js │ ├── index.html │ ├── manifest.json │ ├── service-worker-loader.js │ └── vite.svg ├── index.html ├── manifest.json ├── package.json ├── pnpm-lock.yaml ├──...
**/*.svg **/*.sh /public/* 4.4、stylelint stylelint为css的lint工具,可以格式化css代码,检查css语法错误和不合理的写法,指定css书写顺序等。 项目中使用scss作为预处理器,安装以下依赖: npm add sass sass-loader stylelint postcss postcss-scss postcss-html stylelint-config-prettier stylelint-config-rece...
loader: 'babel' , include: projectRoot, exclude: /node_modules/ }, { test: /\.json$/, loader: 'json' }, { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'url' , query: { limit: 10000, name: utils.assetsPath( 'img/[name].[hash:7].[ext]' ) ...
**/*.svg**/*.sh /public/* 通过pnpm run lint去检测语法,如果出现不规范格式,通过pnpm run fix修改 3.4. 配置stylelint stylelint为css的lint工具。可格式化css代码,检查css语法错误与不合理的写法,指定css书写顺序等。 我们的项目中使用scss作为预处理器,安装以下依赖: ...
"vite-svg-loader":"4.0.0", "vitest":"0.32.0", "vue-eslint-parser":"9.3.1", "vue-tsc":"1.6.5" }, "lint-staged": { "*.{vue,js,jsx,ts,tsx}": [ Expand All@@ -83,9 +83,6 @@ ], "package.json": [ "prettier --write" ...
前面简单讲了一下脚手架各个目录的作用以及实现方法,最近刚好项目上线闲下来了,就打算补充一下脚手架的相关配置,自己留作记录也给大家提供点参考。
npm install vue-i18n@next npm install vue-router@4npm installvuex@next--save npm install ant-design-vue@next--save npm install axios--save npm install nprogress--save npm install less less-loader--save-dev 三、安装格式校验工具。 npm install @typescript-eslint/eslint-plugin -S npm install...