如何通过vue-cli高效解决项目构建问题？
- 内容介绍
- 相关推荐
本文共计433个文字，预计阅读时间需要2分钟。
1. 在Vue项目中，我们经常需要引用图片等资源，每次使用相对路径都相当繁琐。
2.为了解决这个问题，在vue-cli搭建的项目中，我们可以配置绝对路径。具体设置如下：
+ 在项目中的build文件夹下的webpack.base.conf.js文件中，找到resolve字段进行配置： javascript resolve: { alias: { '@': resolve('src'), // 添加绝对路径别名 '@assets': resolve('src/assets'), '@components': resolve('src/components'), '@views': resolve('src/views'), // 其他需要的别名... } } 这样，在项目中引用资源时，就可以使用别名来代替相对路径，如``。本文共计433个文字，预计阅读时间需要2分钟。
1. 在Vue项目中，我们经常需要引用图片等资源，每次使用相对路径都相当繁琐。
2.为了解决这个问题，在vue-cli搭建的项目中，我们可以配置绝对路径。具体设置如下：
+ 在项目中的build文件夹下的webpack.base.conf.js文件中，找到resolve字段进行配置： javascript resolve: { alias: { '@': resolve('src'), // 添加绝对路径别名 '@assets': resolve('src/assets'), '@components': resolve('src/components'), '@views': resolve('src/views'), // 其他需要的别名... } } 这样，在项目中引用资源时，就可以使用别名来代替相对路径，如``。