你的浏览器不支持canvas

Enjoy life!

Webpack - resolve

Date: Author: JM

本文章采用 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议 进行许可。

1. resolve.extensions

  • resolve.extensions:是一个用来解析模块的数组。以下是默认的resolve.extensions
resolve: {
    extensions: ["", ".webpack.js", ".web.js", ".js", ".json"]
}
  • 补充:
    • 空字符串""代表:如果希望自己的模块添加扩展名,那么就需要在数组里添加一个空字符串
    • 如果在配置文件中重新定义resolve.extensions,那么就会覆盖默认的resolve.extensions
  • 简单理解:配置了resolve.extensions,我们就不再需要为我们的模块添加后缀名了。
// 配置文件
resolve: {
    extensions: ["", ".webpack.js", ".web.js", ".js", ".json"]
}

// index.js
var move = require('./move'); // 由于配置文件里配置了".js"这个后缀名,所以这里引入模块的时候就不需要再添加'.js'了

对于本文内容有问题或建议的小伙伴,欢迎在文章底部留言交流讨论。