webpack相关

[buddywang]

配置之 Resolve

该选项用来改变模块是怎么被解析的

module.exports = {
  //...
  resolve: {
    // configuration options
  }
}

resolve.alias

创建别名让导入某些模块更加简短（相当于一个字符串变量，编译时替换）

const path = require('path');

module.exports = {
  //...
  resolve: {
    alias: {
      'Util': path.resolve(__dirname, 'src/utilities/')
    }
  }
};

原来的导入

import Utility from '../../utilities/utility';

可以简单用以下表示，注意路径

import Utility from 'Util/utility';