vue中的config配置

本文详细介绍了如何在webpack.base.conf文件中配置别名和扩展名,通过示例展示了如何使用这些配置简化main.js文件中的导入路径。

在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';









转载于:https://www.cnblogs.com/warter00774/p/8330124.html

Vue中的config配置主要用于全局设置,通过Vue.config进行配置。下面是一些常见的config配置项的详解: 1. productionTip:用于在生产环境中是否显示生产模式的提示,默认值为true。当为false时,Vue不会在控制台中显示生产模式的提示信息。 2. devtools:用于开启或关闭Vue开发者工具,默认值为true。当为false时,Vue开发者工具将无法使用,可以提高生产环境的性能。 3. errorHandler:用于自定义全局错误处理函数。当Vue组件中任意位置抛出错误,都会被该处理函数捕获并处理。 4. warnHandler:用于自定义全局警告处理函数。当Vue组件中抛出警告时,都会被该处理函数捕获并处理。 5. ignoredElements:用于配置Vue忽略某些自定义元素。这些元素将被Vue视为原始HTML元素处理,不会被Vue的模板编译处理。 6. keyCodes:用于配置自定义按键别名。可以通过该配置项定义特定按键的别名,方便在组件中使用。 7. performance:用于在开发环境中开启性能追踪。当为true时,Vue将会在开发模式下进行性能追踪,提供相关的警告信息。 8. productionSourceMap:用于控制生产环境中是否生成source map文件,默认值为true。当为true时,生成的source map文件可以用于调试和错误追踪。 除了上述常见的配置项外,Vueconfig还包括其余一些高级的配置项,用于全局设置和调整Vue的默认行为。需要注意的是,Vueconfig是全局配置,一旦设置后将影响整个应用程序的所有Vue组件。因此,在配置时需要谨慎考虑各个配置项的影响和适用场景。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值