簡述vue中的config配置

來源：懂視網責編：小采時間：2020-11-27 22:20:54

簡述vue中的config配置

簡述vue中的config配置:在webpack.base.conf文件中配置別名以及擴展名 resolve: { extensions: ['.js', '.vue', '.json', '.styl'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), 'src': path.resolve(__

推薦度：

點擊下載本文 文檔為doc格式

導讀簡述vue中的config配置:在webpack.base.conf文件中配置別名以及擴展名 resolve: { extensions: ['.js', '.vue', '.json', '.styl'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), 'src': path.resolve(__

在webpack.base.conf文件中配置別名以及擴展名

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

配置好別名和擴展名后，main.js就可以這樣寫

import Vue from 'vue';
import App from './App';
import Router from 'vue-router';
//components前面可以加上'@/'，也可以省略不寫
//如果沒有別名，就要寫成“import goods from '../components/goods/goods';“
import goods from 'components/goods/goods';
import seller from 'components/seller/seller';
import ratings from 'components/ratings/ratings';
import '@/common/stylus/index';

總結

以上所述是小編給大家介紹的vue中的config配置，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com