亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue-cli中 'vue$'配置的別名問題

vue-cli中 'vue$'配置的別名問題

慕田峪9158850 2019-02-19 16:01:36
在腳手架當中我們總能看到 'vue$'配置了別名'vue/dist/vue.esm.js'alias: {  'vue$': 'vue/dist/vue.esm.js',  '@': resolve('src')}module: {rules: [   ...(config.dev.useEslint ? [createLintingRule()] : []),   {    test: /\.vue$/,    loader: 'vue-loader',    options: vueLoaderConfig   }]}但是我們實際引用vue的時候都是 import Vue from 'vue'并沒有走這個別名而vue的npm包中的package.json 中 "main": "dist/vue.runtime.common.js", 默認是走vue.runtime.common.js所以問題來了 alias 中的 'vue$': 'vue/dist/vue.esm.js', 作用是什么呢???
查看完整描述

2 回答

?
繁星點點滴滴

TA貢獻1803條經驗 獲得超3個贊

resolve-alias
這個是 webpack.rosolve.alias 的文檔, vue$后面的 $代表精確匹配

運行時 + 編譯器 vs. 只包含運行時
這個 vue 文檔, 是為什么要寫 'vue$': 'vue/dist/vue.esm.js',需要完整的含 編譯器 的 vue 版本時才寫


查看完整回答
反對 回復 2019-02-19
?
慕森卡

TA貢獻1806條經驗 獲得超8個贊

但是我們實際引用vue的時候都是 import Vue from 'vue'并沒有走這個別名

這個只要配置 aliaswebpack 在尋找依賴的時候會判斷 是否別名,肯定會走 vue$ 的

module.rulestest: /\.vue$/,這個 $ 是正則的 $,跟 alias 的 $ 不是一回事


查看完整回答
反對 回復 2019-02-19
  • 2 回答
  • 0 關注
  • 1345 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號