// 打包配置build:{lib:{entry:resolve(__dirname,'lib/main.js'),// 设置入口文件name:'nf-tool',// 起个名字,安装、引入用fileName:(format)=>`nf-tool.${format}.js`// 打包后的文件名},sourcemap:true,// 输出.map文件
import{defineConfig}from"vite";importviteBaseConfigfrom"./vite.base.config";importviteDevConfigfrom"./vite.dev.config";importviteProdConfigfrom"./vite.prod.config";//策略模式constenvResolver={"build":()=>{console.log('生产环境')return({...viteBaseConfig,...viteProdConfig})},"serve":()=>...
{ resolve } from 'path' // 主要用于alias文件路径别名 // https://vitejs.dev/config/ export default defineConfig({ plugins: [vue()], // 打包配置 build: { lib: { entry: resolve(__dirname, 'lib/main.js'), name: 'nf-ui-element-plus', fileName: (format) => `nf-ui-element-plus...
vite.config.js build: { rollupOptions: { output: { entryFileNames: `assets/[name].${timestamp}.js`, chunkFileNames: `assets/[name].${timestamp}.js`, assetFileNames: `assets/[name].${timestamp}.[ext]`} } } https://github.com/vitejs/vite/issues/378#issuecomment-768816653 不过...
exportdefaultdefineConfig({build:{outDir:"dist",rollupOptions:{output:{manualChunks(id){if(id.includes('node_modules')){returnid.toString().split('node_modules/')[1].split('/')[0].toString();}},chunkFileNames:'assets/js/[name]-[hash].js',entryFileNames:'assets/js/[name]-[hash]...
build: { minify: false, // 禁用压缩 rollupOptions: { input: { docs: path.resolve(__dirname, 'index.html'), editor: path.resolve(__dirname, 'packages/amis-editor/index.html'), }, output: { chunkFileNames: 'static/js/[name]-[hash].js', entryFileNames: "static/js/[name]-[hash...
当首次启动 Vite 开发服务器时,Vite 会检查是否存在预构建的依赖。如果没有找到相应的缓存,Vite 将抓取源码并自动寻找引入的依赖项。这个过程是通过 Vite 的内部插件 esbuildScanPlugin 实现的,它会遍历所有的入口文件,解析出依赖列表,并进行预构建。 2.预构建过程 ...
在runServe方法中,执行 server 模块的创建开发服务器方法,同样在runBuild中执行 build 模块的构建方法。
build: {//移除生产环境logminify: 'terser',terserOptions: {compress: {//生产环境时移除consoledrop_console: true,drop_debugger: true,},},//rollup打包后的静态资源名称格式rollupOptions: {output: {chunkFileNames: 'static/js/[name]-[hash].js',entryFileNames: 'static/js/[name]-[hash].js'...
复制代码build: { rollupOptions: { output: { chunkFileNames:'js/[name]-[hash].js',// 引入文件名的名称 entryFileNames:'js/[name]-[hash].js',// 包的入口文件名称 assetFileNames:'[ext]/[name]-[hash].[ext]',// 资源文件像 字体,图片等 ...