默认情况下,Vite会在dist
下的源目录下生成文件。
my-app/
├─ node_modules/
├─ dist/
│ ├─ assets/
| | | index.js
| | | index.css
│ ├─ index.html
├─ index.html
├─ main.js
├─ style.scss
├─ package.json
我需要在assets
下为js
和css
文件创建一个不同的文件夹。换句话说,我需要将js
和css
filer分别放在/assets/js
和/assets/css
文件夹下。
my-app/
├─ node_modules/
├─ dist/
│ ├─ assets/
| | |-js/
| | | index.js
| | |-css/
| | | index.css
这是我的配置文件。
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import svgrPlugin from "vite-plugin-svgr";
// https://vitejs.dev/config/
export default defineConfig({
base: "./",
plugins: [react(), svgrPlugin()],
server: {
open: true,
proxy: {
"/base": {
target: "http://localhost:19000",
changeOrigin: true,
rewrite: (path) => path.replace(/^\/base/, ""),
},
},
},
});
如何做到这一点?
3条答案
按热度按时间clj7thdc1#
输出文件名在Rollup中配置为
build.rollupOptions
:1.设置
output.assetFileNames
以配置资源文件名(用于媒体文件和样式表)。1.设置
output.chunkFileNames
以配置供应商块文件名。1.设置
output.entryFileNames
以配置index.js
文件名。demo
kx7yvsdv2#
如果你在你的css文件中使用
@font-face
,它会变大。你可能需要把字体和css文件放在同一个文件夹中。woff
和woff2
字体 *w6lpcovy3#
感谢tony 19,这工作正常,以及,但我有构建错误:[vite:build-html] assetInfo.name.split(...).at不是函数
我简单的改变
到