vite.config.js中的resolve不起作用
时间: 2023-12-07 20:05:33 浏览: 166
在vite.config.js文件中,resolve用于配置模块解析规则和别名。有时候可能会出现resolve不起作用的情况。根据您提供的引用内容,我们可以看到一些可能导致resolve不起作用的问题。
首先,您引用的第一个代码片段中使用了一个名为resolveExternalsPlugin的自定义插件,但是在您提供的代码中没有看到其具体配置和使用。如果这个插件没有正确配置,可能会导致resolve不起作用。
其次,您引用的第三个代码片段中,通过import path from "path"引入了path模块,但是在您提供的代码中并没有看到它的使用。如果您在代码中没有使用path模块来解析路径,那么可能会导致resolve不起作用。
最后,resolve的配置需要在defineConfig中的resolve字段中进行设置。根据您提供的代码,应该将resolve配置放在defineConfig的配置对象中的resolve字段中,像这样:
```javascript
export default defineConfig({
resolve: {
alias: {
// 用~代替src目录
"@": path.resolve(__dirname, "src")
}
},
plugins: [vue(), WindiCSS()]
})
```
请确保您的代码中resolve的配置正确且位置正确,这样才能使resolve起作用。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vite-plugin-resolve-externals:vite插件解析外部](https://download.csdn.net/download/weixin_42176827/15563642)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [配置vite.config.ts/vite.config.js文件](https://blog.csdn.net/qq_51657072/article/details/126361757)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [【Vue3】如何通过vite.config.js配置中的resolve来设置路径别名?(已解决,图文+代码)](https://blog.csdn.net/dxnn520/article/details/128507119)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]
阅读全文