webpack配置中的resolve属性

本文作者: jsweibo

本文主要讲述了：

配置 webpack 的 module 路径解析。

为文件或者目录添加别名映射。

示例：为path.resolve(__dirname, 'src/lib/')添加lib的别名。

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

或

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

此时：

require('lib')将被解析为require(path.resolve(__dirname, 'src/lib/index.js'))
require('lib/foo.js')将被解析为require(path.resolve(__dirname, 'src/lib/foo.js'))

也可以给 alias 添加$的后缀，表示仅尾匹配。

示例：为path.resolve(__dirname, 'src/lib/')添加lib$的别名。

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

或

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

此时：

require('lib')将被解析为require(path.resolve(__dirname, 'src/lib/index.js'))
require('lib/foo.js')将被解析为require(path.resolve(__dirname, 'node_modules/lib/foo.js'))