<address id="xpjh9"><listing id="xpjh9"><meter id="xpjh9"></meter></listing></address>

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
<noframes id="xpjh9">
<noframes id="xpjh9">

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
    <form id="xpjh9"></form><address id="xpjh9"><listing id="xpjh9"><menuitem id="xpjh9"></menuitem></listing></address>

      <noframes id="xpjh9">
      VB.net 2010 視頻教程 VB.net 2010 視頻教程 VB.net 2010 視頻教程
      SQL Server 2008 視頻教程 c#入門經典教程 Visual Basic從門到精通視頻教程
      當前位置:
      首頁 > 網站開發 > JQuery >
      • JavaScript教程之Vue中使用webpack別名的方法

      • 2019-04-27 16:11 來源:未知

      在工作中,我們經常會寫出這種代碼:

      import MHeader from '../../components/m-header/m-header'
      @import "../../common/stylus/variable"
      @import "../../common/stylus/mixin"

      即,需要引入公共文件,但是公共文件的文件路徑里當前文件很遠,那么就會形成上面示例中的那種路徑很長的情況。

      而因為文件目錄是約定俗成的,不可輕易更改,無法修改相對路徑。那么該怎么辦呢?

      大家都知道,Vue中的js可以通過配置webpack別名(alias)來避免一長串的路徑引用,即:

      // target
      import MHeader from 'components/m-header/m-header'
      
      //webpack.base.conf.js
      alias: {
          '@': resolve('src'),
          'common': resolve('src/common'),
          'components': resolve('src/components')
      }

      但是,如果直接把這種方法用在css中,則會報錯:

      @import "common/stylus/variable"    // error
      @import "common/stylus/mixin"       // error

      其實,這種方法沒有錯,只不過webpack對css的處理不同于js。

      在js中,webpack對路徑進行處理時,自動將沒有路徑標識(/ ,./,../)的第一個文件夾名當做webpack別名處理。如,第一個文件夾名為components,那么webpack會自動在alias中搜索有沒有對應的別名,如果有,則直接替換路徑;沒有則報錯。

      在css中,webpack正常情況下,不會對路徑進行處理。如果你想讓webpack對路徑進行處理,那么,可以在路徑前標識~,如下:

      @import "~common/stylus/variable"
      @import "~common/stylus/mixin"

      相當于通過添加~表示common是webpack別名而不是表示一個文件夾名。

      正確使用webapck別名可以大大縮短引入文件的時間。

      相關教程
      江苏快3 温岭 | 蓬莱 | 南阳 | 海拉尔 | 孝感 | 松原 | 滁州 | 广汉 | 东海 | 天水 | 晋城 | 醴陵 | 舟山 | 滕州 | 天门 | 高密 | 广州 | 咸阳 | 阳春 | 醴陵 | 吉林 | 偃师 | 青海西宁 | 永康 | 临夏 | 海南 | 宜都 | 保亭 | 晋城 | 怀化 | 浙江杭州 | 屯昌 | 温州 | 常德 | 海门 | 景德镇 | 东阳 | 东阳 | 汉中 | 莱芜 | 甘肃兰州 | 宜春 | 曲靖 | 云浮 | 固原 | 辽阳 | 赤峰 | 淮北 | 贵州贵阳 | 沛县 | 泰兴 | 禹州 | 东阳 | 泰安 | 清徐 | 牡丹江 | 莱州 | 喀什 | 江西南昌 | 百色 | 普洱 | 信阳 | 萍乡 | 改则 | 新乡 | 燕郊 | 长兴 | 岳阳 | 宝鸡 | 长兴 | 恩施 | 阳江 | 日照 | 十堰 | 汉中 | 台中 | 邵阳 | 鄢陵 | 青海西宁 | 宜昌 | 禹州 | 四川成都 | 浙江杭州 | 盘锦 | 温州 | 博尔塔拉 | 榆林 | 德阳 | 章丘 | 平凉 | 吉林长春 | 义乌 | 瓦房店 | 四平 | 赤峰 | 扬州 | 安阳 | 宿州 | 咸阳 | 儋州 | 乐山 | 铜陵 | 新乡 | 红河 | 德清 | 宁国 | 吉安 | 桐乡 | 福建福州 | 日照 | 诸城 | 来宾 | 溧阳 |