配置也是默认的配置 build: { rollupOptions: { input: { index: resolve(__dirname, 'index.html') }, output: { manualChunks: { 'echarts': ['echarts'] } } } }, 期望的文件打包后的目录为这样 最终的配置改为 build: { rollupOptions: { input: { index: resolve(__dirname, 'index.html'...
1.在vite中默认打包的文件放到assets文件夹中 2.开发环境下我们的图片位置在/src,ok,本地没问题正常显示,你打了个包 (npm run build),然后又运行了npm脚本preview, 也没问题,但是在一些服务器上,使用绝对目录会导致404,所以我们需要配置为相对目录 3.这时需要将打包路径改为相对路径,vite打包默认为绝对路径 4....
使用方法：在`vite.config.ts`中添加打包配置 importexternalGlobalsfrom'rollup-plugin-external-globals';...
build 默认打包到正式环境(基础配置取.env.production 文件中内容) build:env 默认打包到测试环境(基础配置取.env.development 文件中内容) "scripts": {"dev":"vite --mode development","build":"vite build --mode production","start":"vite --mode production","build:env":"vite build --mode developm...
配置打包文件分类输出 build: { rollupOptions: { output: { chunkFileNames: 'js/[name]-[hash].js', // 引入文件名的名称 entryFileNames: 'js/[name]-[hash].js', // 包的入口文件名称 assetFileNames: '[ext]/[name]-[hash].[ext]', // 资源文件像 字体,图片等 ...
Vite Node.js 然后在命令行执行以下命令，创建项目：npm init @vitejs/app 然后跟着一路设置一下。介...
constdependencies=require('./package.json').dependencies;exportdefaultdefineConfig({...// 打包配置build:{outDir:'you-out-dir',assetsDir:'static',brotliSize:false,// 设置为false将禁用构建的brotli压缩大小报告。可以稍微提高构建速度minify:true,// 开启压缩rollupOptions:{treeshake:true,// 开启 Tree ...
1、将文件分门别类,js,css这些资源目录分别打包到对应的文件夹下 build:{rollupOptions:{output:{chunkFileNames:'js/[name]-[hash].js',// 引入文件名的名称entryFileNames:'js/[name]-[hash].js',// 包的入口文件名称assetFileNames:'[ext]/[name]-[hash].[ext]',// 资源文件像 字体,图片等}...