首页是'@': path.resolve(__dirname, '/src'),还是'@': path.resolve(__dirname, 'src'),

是'@': path.resolve(dirname, '/src'),还是'@': path.resolve(dirname, 'src'),

时间: 2025-03-08 18:01:32 浏览: 51

### 正确配置 Webpack 中 `@` 别名的方式在 Webpack 配置中，为了简化导入语句并提高开发效率，通常会通过 `resolve.alias` 来定义路径别名。对于使用 `@` 符号作为 `src` 文件夹的快捷方式，可以在 `webpack.conf.js` 或类似的配置文件中进行如下设置： ```javascript const path = require('path'); module.exports = { resolve: { extensions: ['.js', '.vue'], alias: { '@': path.resolve(__dirname, 'src'), } } }; ``` 这段代码的作用是在项目中任何地方可以使用 `@/xxx` 的形式来代替冗长的实际物理路径[^1]。当涉及到更复杂的场景或者不同的构建工具链时，比如 Craco (Create React App Configuration Override)，则可以通过创建特定配置文件来进行相同的操作： ```javascript const path = require('path') module.exports = { webpack: { alias: { '@': path.resolve(__dirname,'src') } } } ``` 此段代码展示了如何在一个基于 Create React App 创建的应用程序里实现同样的功能[^2]。值得注意的是，在 Vue CLI 环境下也可以找到相似的做法，即利用 `resolve` 字段下的 `alias` 属性指定自定义路径映射关系，并确保这些配置位于适当的位置以便被识别和应用[^3]。最后提醒一点，无论在哪种框架或环境中实施此类优化措施，都应保证所使用的语法遵循相应版本文档的要求，以避免不必要的兼容性问题。

是'@': path.resolve(__dirname, '/src'),还是'@': path.resolve(__dirname, 'src'),

相关推荐

resolve：实现node.js require.resolve（）算法

node.js中的path.dirname方法使用说明

解决vue 打包发布去#和页面空白的问题

export default defineConfig({ plugins: [vue()], resolve: { alias: { '@': path.resolve(__dirname, "src"), '~': path.resolve(__dirname, "src/components"), '^': path.resolve(__dirname, "src/api") } } })

使用'@': path.resolve(__dirname, '/src'),在本地启动项目时路径报错

module.exports = { context: path.resolve(__dirname, '../'), entry: { app: './src/main.js' }, output: { nonce: nonce, path: config.build.assetsRoot, filename: '[name].js', publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath, }

请问这段代码是什么 configureWebpack: (config) => { config.resolve = { extensions: [".js", ".json", ".vue"], alias: { "@": path.resolve(__dirname, "./src"), }, }; },

module.exports = { cache: { type: 'filesystem', cacheDirectory: path.resolve(__dirname, '.cache/webpack'), // 缓存存储路径 } };

理解 newid ()和 newsequentialid ()

碳排放数据汇总（世界/中国/省份/城市/县域

大家在看

Protel网表转Allegro.rar

纯电动汽车百公里电耗计算

.net连接hadoopMapreduce驱动(MapRHiveODBC64).rar

hfss 3D layout指导ppt.rar

Linux Networking Cookbook

最新推荐

中孚密保卫士是由中孚信息股份有限公司开发的一款信息安全产品，主要用于终端计算机的保密管理和数据防泄漏 它主要面向政府机关、军工单位、科研院所等对信息安全有较高要求的涉密单位，帮助其实现对涉密信息的全

Python批量发送短信验证码的实现方法.doc

快速浏览Hacker News热门故事的浏览器扩展

【MATLAB通信建模秘籍】：5个技巧让你为通信系统打下坚实基础

汽车车载通讯技术

Dev Context Menu Utils (beta)-快速开发浏览器扩展

【Coz进阶秘籍】：解锁工作流高级功能，提升效率的终极技巧

HR和HRBP区别

阻止Web加密货币挖掘的Miner Away扩展

量子计算模拟与硬件发展：NISQ时代的探索

是'@': path.resolve(dirname, '/src'),还是'@': path.resolve(dirname, 'src'),

export default defineConfig({ plugins: [vue()], resolve: { alias: { '@': path.resolve(dirname, "src"), '~': path.resolve(dirname, "src/components"), '^': path.resolve(__dirname, "src/api") } } })

中孚密保卫士是由中孚信息股份有限公司开发的一款信息安全产品，主要用于终端计算机的保密管理和数据防泄漏它主要面向政府机关、军工单位、科研院所等对信息安全有较高要求的涉密单位，帮助其实现对涉密信息的全