config.resolve.alias .set("@",resolve("src")) .set("assets",resolve("src/assets")) .set("components",resolve("src/components")); }, }; 重启下项目即可 DemoData这个存放模拟json数据的目录 就是public中的DemoData文件夹(这个文件夹是我自己
vue3学习之---webpack配置【resolve.alias修改】 在vue3中,脚手架生成的项目里,webpack的配置文件没有了,因为公共的配置被封装到安装包里了,可以找到如下目录,同样可以修改配置文件: node_modules》@vue》cli-service 用set方法继续添加配置项即可~
config.resolve.alias .set('@', resolve('src')) .set('common', resolve('src/common')) .set('utils', resolve('src/utils')) } } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. ...
效果如下: 二、配置vite.alias简化导入写法 1)安装@types/node yarn add @types/node 2)修改vite.config.ts import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import path from 'path'// https://vitejs.dev/config/export default defineConfig({plugins: [vue()],resolve: {al...
1.创建vue.config.js文件 module.exports = {configureWebpack: {resolve: {alias: {// '@'是src默认的别名'assets': '@/assets','common': '@/common','components': '@/components','network': '@/network','views': '@/views'}}} 在
适用于使用vue-cli创建的项目,需在vue.config.js中配置: constpath=require('path')module.exports={chainWebpack:config=>{config.resolve.alias.set('@',path.resolve(__dirname,'src')).set('assets',path.resolve(__dirname,'src/assets'))}} ...
// 配置根目录下的vite.config.js import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // 添加路径别名@ import path from 'path' // https://vitejs.dev/config/ export default defineConfig({ plugins: [vue()], // 添加如下,配置路径别名 resolve: { alias: { '@':...
// 引入插件refreshPlugin({version:now})],resolve:{alias:{'@':fileURLToPath(newURL('./src',...
配置alias 别名 先安装依赖: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 npm install -D @types/node 安装了才能使用 import { resolve } from 'path';,否则会报错: vite Cannot find module 'path' or its corresponding type declarations. vite.config.ts 增加 resolve 配置: 代码语言:javascript...