最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Vue項(xiàng)目中如何引入本地第三方JS庫

 更新時間：2023年06月23日 09:21:13   作者：不怕麻煩的鹿丸  
vue中常遇到第三方j(luò)s,這篇文章主要給大家介紹了關(guān)于Vue項(xiàng)目中如何引入本地第三方JS庫的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下

一、在 inde.html 中使用 script 標(biāo)簽來引入

1、直接引入，全局可用

ESLint 語法檢測會報錯：'$' is not define

// index.html
<script src="./static/jquery.js"></script>
// vue文件
export default {
    mounted () {
      /* eslint-disable */
      console.log($)
    }
}

2、在 webpack 中配置一個 externals，使用import來引入使用

ESLint 語法檢測不會報錯

// index.html
<script src="./static/jquery.js"></script>
// webpack配置文件
externals: {
  'jquery': 'jQuery'
}
// vue文件
import $ from 'jquery'
export default {
  mounted () {
    console.log($)
  }
}

二、在webpack中配置 alias來引入

1、使用 import 引入使用

ESLint 語法檢測不會報錯

// webpack 配置文件
resolve: {
  extensions: ['.js', '.vue', '.json'],
  alias: {
    '@': resolve('src'),
    'jquery': resolve('static/jquery.js')
  }
}
// vue文件
import $ from 'jquery'
export default {
  mounted () {
    console.log($)
  }
}

2、不用import，但需在 webpack 配置 plugins

ESLint 語法檢測會報錯：'$' is not define

// webpack配置文件
resolve: {
  extensions: ['.js', '.vue', '.json'],
  alias: {
    '@': resolve('src'),
    'jquery': resolve('static/jquery.js')
  }
},
plugins: [
  new webpack.ProvidePlugin({
    $: 'jquery'
  })
]
// vue文件
export default {
  mounted () {
    /* eslint-disable*/
    console.log($)
  }
}

三、解決ESLint報錯

項(xiàng)目開啟了 ESLint 語法檢測的話，會報一個 error ：'$' is not defined。

1、在每一個使用 $ 的代碼行上加 /* eslint-disable */ ，忽略該報錯。

2、在根目錄下的 .eslintrc.js 的rules{}中添加  'no-undef': 0  之后重啟編輯器即可解決。

總結(jié) 

到此這篇關(guān)于Vue項(xiàng)目中如何引入本地第三方JS庫的文章就介紹到這了,更多相關(guān)Vue引入本地第三方JS庫內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論

顺昌县| 平泉县| 焉耆| 安康市| 临汾市| 濮阳县| 上饶市| 清涧县| 余庆县| 安宁市| 咸阳市| 东海县| 平乡县| 宝鸡市| 云林县| 宣汉县| 宿松县| 航空| 广州市| 咸宁市| 军事| 敖汉旗| 兴义市| 枣庄市| 咸宁市| 乌拉特后旗| 通渭县| 长岛县| 简阳市| 文昌市| 贵定县| 玛多县| 大城县| 东方市| 清镇市| 托克逊县| 邯郸县| 定安县| 连平县| 莫力| 石阡县|