vue
使用
@路径
引入
，这个在项目
中
很常见；
项目
中
使用
引入
文件有时候路径比较深，需要
使用
"../../../xx.js"这种类似的路劲
引入
，这种方式比较笨，可以
使用
webpack的别名alias配置来解决。
首先，先确定项目
中
是否有path模块：
如果没有path模块需要先安装path
npm install path --save
（1）
vue
-cli1，
vue
-cli2搭建的项目
以下为
vue
.config.js配置
const path = require("path");
fun...
出现该问题的标志如下
控制台warning（Resource interpreted as Stylesheet but transferred with MIME type text/html）
出现的原因及解决办法
第一种可能出现原因就是
引入
的静态文件在src文件夹内，这种的解决办法就是把资源
引入
静态资源的目录static
第二种可能出现的原因就是有单独的静态资源目录但是名字不叫static，这种的解决办法更改配置文件，把对应的几个配置文件内的static更改为你自己所创建的静态资源目录，由于网上大多教程所改的地方都不够完全，还是会出现该问题，
以上情况就基本上成功了，如果@路径还不生效的话 ，看看自己的文件
中
是否
使用
了tsconfig.json文件，
如果有的话，需要在tsconfig.json
中
添加配置 "allowJs": true，
最后就成功啦！！！！！.........
@开头的模块
~开头的引用并非一个别名，而是可以将~后边的内容当做一个模块请求被解析，所以其后边甚至可以放一个node模块，进而实现更高级的功能（见下文），实现这一功能的是
vue
-loader，在
vue
-cli项目
中
已经内置了。
@则是一个真正的别名，可以通过
vue
inspect命令查看当前webpack的配置：
# 以下可以看到 @ 是一个别名
alias: {
在cli4
中
并没有像cli2
中
一样，拥有一个webpack.base.config.js文件,可以让我们直接写别名。
(以下仅仅是我所生效的配置，不同的可能不一样,因为我直接用网上的配置无效，所以摸索了一下，能正常运行)
创建
vue
.config.js文件
没错，这个文件是和src在同一级目录下
配置文件
中
写入以下代码
const path = require('path');//
引入
path模块
function resolve(dir){
return path.join(__d
declare module '*.
vue
' {
import { App, defineComponent } from '
vue
'
const component: ReturnType<typeof defineComponent> & {
install(app: App): void
export default component
注:vu..
1.
使用
npm install esri-loader --save 或者 yarn add esri-loader
2.在项目
中
需要加载地图的
vue
文件（组件）
中
引入
esri-loader
import*...
scoped
在组件
中
的style
使用
@import方式
引入
外部css，发现
引入
的css会污染到其他地方。即所谓的样式全局污染。不管加不加scoped都一样。
<style lang="scss" scoped>
@import url("/style/index.scss")
<style>
上面这种情况即时加入了scoped也无效，样式一样会污染到其他地方。
所以改写成src的方式
引入
。
<style lang="scss" src="/style/index.sc
