把vite打包以后的js,css和img资源分别分门别类在js/css/img文件夹中:
//由于是处理打包以后的资源,所以需要配置build选项
export default defineConfig({
plugins: [
vue(),
styleImport({
resolves: [VantResolve()]
})
],
resolve: {
alias: [
{ find: '@', replacement: resolve(__dirname, 'src') }
]
},
build: {
assetsDir: 'static',
rollupOptions: {
input: {
index: resolve(__dirname, 'index.html'),
project:resolve(__dirname,"project.html")
},
output: {
chunkFileNames: 'static/js/[name]-[hash].js',
entryFileNames: 'static/js/[name]-[hash].js',
assetFileNames: 'static/[ext]/name-[hash].[ext]'
}
}
}
})
配置完成后打包:npm run build 发现出错:
Could not resolve entry module (project.html).
error during build:
Error: Could not resolve entry module (project.html).
把build配置项的input第二项删去即可。
rollupOptions: {
input: {
index: resolve(__dirname, 'index.html')
},
output: {
chunkFileNames: 'static/js/[name]-[hash].js',
entryFileNames: 'static/js/[name]-[hash].js',
assetFileNames: 'static/[ext]/name-[hash].[ext]'
}
}