溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

vue-cli 為項(xiàng)目設(shè)置別名的方法

發(fā)布時(shí)間：2020-08-26 15:38:15 來(lái)源：腳本之家 閱讀：171 作者：lfaith 欄目：web開(kāi)發(fā)

1.使用場(chǎng)景：在項(xiàng)目開(kāi)發(fā)過(guò)程中經(jīng)常需要引入各種文件，例img，css，js等，我們可以在vue-cli中給不同目錄設(shè)置別名，方便我們使用

2.vue-cli 2x 配置

// 在 webpack.base.config.js中的 resolve 配置項(xiàng)，在其 alias 中增加別名

resolve: {
  extensions: ['.js', '.vue', '.json'],
  alias: {
   'vue$': 'vue/dist/vue.esm.js',
   '@': resolve('src'),
  }
 }

3.vue-cli 3x 配置

// 在根目錄下創(chuàng)建vue.config.js

var path = require('path')
function resolve (dir) {
 console.log(__dirname)
 return path.join(__dirname, dir)
}
module.exports = {
 chainWebpack: config => {
  config.resolve.alias
   .set(key, value) // key,value自行定義，比如.set('@@', resolve('src/components'))
 }
}

4.保存，重啟項(xiàng)目

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手