react vite antd项目打包报错Rollup failed to resolve import “antd/es/time-picker/style“ from
在vite中添加配置这样打包就不会报错了。
·
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`,
},
],
})
更多推荐
已为社区贡献5条内容
所有评论(0)