Not effective after configuration
alanwhy opened this issue · 2 comments
alanwhy commented
version:
"vue": "^3.2.37",
"typescript": "^4.6.4",
"vite": "^3.1.0",
"vite-plugin-banner": "^0.5.0",
"vue-tsc": "^0.40.4"
My configuration vite.config.ts
is as follows
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import path from "path";
import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
import banner from "vite-plugin-banner";
import pkg from "./package.json";
import dayjs from "dayjs";
import utc from "dayjs/plugin/utc";
dayjs.extend(utc);
const buildTime = dayjs.utc().add(8, "hour").format("YYYY-MM-DD HH:mm:ss");
// https://vitejs.dev/config/
export default defineConfig({
build: {
outDir: "carbon-earth",
sourcemap: false,
// terserOptions: {
// compress: {
// drop_console: true,
// drop_debugger: true,
// },
// format: {
// comments: true,
// },
// },
},
plugins: [
vue(),
createSvgIconsPlugin({
// Specify the icon folder to be cached
iconDirs: [path.resolve(process.cwd(), "src/assets/svg")],
// Specify symbolId format
symbolId: "icon-[dir]-[name]",
inject: "body-first",
}),
banner(`/**\n * name: ${pkg.name}\n * version: v${pkg.version}\n * build time: ${buildTime}\n */`),
],
resolve: {
alias: {
"@": path.resolve(__dirname, "src"),
},
},
});
chengpeiquan commented
By default dist
is used as the output directory, so try another option format, see: Options .
// ...
const outdir = 'carbon-earth'
export default defineConfig({
// ...
build: {
outDir,
},
plugins: [
// ...
banner({
outDir,
content: '',
}),
],
// ...
});
alanwhy commented
默认情况下
dist
用作输出目录,因此请尝试另一种选项格式,请参阅:选项。// ... const outdir = 'carbon-earth' export default defineConfig({ // ... build: { outDir, }, plugins: [ // ... banner({ outDir, content: '', }), ], // ... });
Thank you. I may have seen vitepress, but I didn't read the configuration instructions carefully.
感谢大佬~