import Vue form 'vue’的意思
1、import Vue form ‘vue’ 写全的话是import Vue from ‘…/nodemouls/vue/list/vue.js’; 此时在webpack.base.conf.js中进行了定义,内置了一些选项,extenions:[’.js’,’.vue’,’.json’],意思是省略后面的后缀,由webpack来自动为我们加上。
2、如果名字比较长,还可以起个别名。
alias:{ ‘@’:resolve(‘src’)},
它的意思是在vue项目中,引入路径的时候使用@即代表src文件夹,省去了…/…/…/的操作,这样写比较十分方便。
3、当我们在模板中写img的时候有时也需要翻着找,那么能用@代替吗?答案是当然可以的,
比如在assets文件夹中有张图片,logo.png。以往写可能是:
<img src="../../src/assets/logo.png">
现在知道怎么回事以后可以直接这样写:
<img src="@/assets/logo.png"
试验发现这是能成功的,但是lssue提出的方案是在@前面加上~。两者均能成功
本文详细介绍了在Vue项目中如何利用Webpack进行模块导入的路径优化,包括使用import语句从'vue'导入Vue对象,以及如何通过配置Webpack的别名(alias)和extensions属性简化文件路径引用。
2795

被折叠的 条评论
为什么被折叠?



