Rollup failed to resolve import “antd/es/time-picker/style” from

在vite中添加配置这样打包就不会报错了

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'
import { resolve } from "path"
import vitePluginImp from 'vite-plugin-imp'

import { nodeExternals } from 'rollup-plugin-node-externals';

export default defineConfig({
	base:"/",
	build:{
		outDir: "admin", //指定输出路径
		assetsDir: 'assets', // 指定生成静态资源的存放路径,相对于outDir
		cssCodeSplit: true, // 启用/禁用 CSS 代码拆分
		//sourcemap: false, // 是否生成map文件
		//reportCompressedSize: true, //  gzip 压缩大小报告。
		//chunkSizeWarningLimit: 500, //规定触发警告的 chunk 大小。(以 kbs 为单位)
		//关键代码
		rollupOptions: {
			external: ['antd/es/time-picker/style'],
			plugins: [nodeExternals()]
		  }
	},
	optimizeDeps:{
		include: ['antd/es/time-picker/style'],
	},
	plugins: [
		react(),
		vitePluginImp({
			libList: [
				{
					libName: "antd",
					style: (name) => `antd/es/${name}/style`,
				},
			],
		})
	

	],
	// 配置路径别名
	resolve: {
		alias: {
			"@": resolve(__dirname, "src"),
		},
	},
	css: {
		// 全局配置scss
		preprocessorOptions: {
			scss: {
				additionalData: '@use "./src/assets/style/main.scss";',
				// silenceDeprecations: ["legacy-js-api"],
				// javascriptEnabled: true,
				// api: 'modern-compiler', // 修改api调用方式
			},
			// less: {
			// 	javascriptEnabled: true,
			// }
		}
	},

	// 跨域
	server: {
		host: '0.0.0.0', //设置0.0.0.0和true 就是监听所有
		port: 5174,
		open:true,
		proxy: {
		  '/csm/': {
			target: 'http://csm.sishenghuo.store', //目标源,目标服务器,真实请求地址
			changeOrigin: true, //支持跨域
			ws: false,        //如果要代理 websockets,配置这个参数
            secure: false,// 如果是https接口,需要配置这个参数
			rewrite: (path) => path.replace(/^\/csm/, "http://csm.sishenghuo.store/csm/"), //重写真实路径,替换/api
		  }
		}
	  }

})

或者删除按需导入的css样式

	vitePluginImp({
			libList: [
				{
					libName: "antd",
					//这部分代码删除即可也可以不用按需导入了, antd 自己做了
					//style: (name) => `antd/es/${name}/style`,
				},
			],
		})
	
Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐