resolve配置项

梗概:

• 用来配置如何解析待打包代码中的模块化语句(如import等)

里面的重要配置项:

• child::alias配置项

实例:

resolve: {
    // options for resolving module requests
    // (does not apply to resolving of loaders)
    modules: ["node_modules", path. resolve (__dirname, "app")],
    // directories where to look for modules (in order)
    extensions: [". js", ". json", ". jsx", ". css"],
    // 使用的扩展名
    alias: {
      // a list of module name aliases
      // aliases are imported relative to the current context
      "module": "new-module",
      // 别名："module" -> "new-module" 和 "module/path/file" -> "new-module/path/file"
      "only-module$": "new-module",
      // 别名 "only-module" -> "new-module"，但不匹配 "only-module/path/file" -> "new-module/path/file"
      "module": path. resolve (__dirname, "app/third/module. js"),
      // alias "module" -> "./app/third/module. js" and "module/file" results in error
      "module": path. resolve (__dirname, "app/third"),
      // alias "module" -> "./app/third" and "module/file" -> "./app/third/file"
      [path. resolve (__dirname, "app/module. js")]: path. resolve (__dirname, "app/alternative-module. js"),
      // alias "./app/module. js" -> "./app/alternative-module. js"
 
    },
    /* 可供选择的别名语法（点击展示） */
    /* 高级解析选项（点击展示） */
    /* Expert resolve configuration (click to show) */
  },