vue中的config配置

最新推荐文章于 2024-07-22 13:50:45 发布

weixin_30354675

最新推荐文章于 2024-07-22 13:50:45 发布

阅读量444

点赞数

CC 4.0 BY-SA版权

文章标签： javascript webpack ViewUI

原文链接：http://www.cnblogs.com/warter00774/p/8330124.html

本文详细介绍了如何在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