关于webpack 用import 导入目录默认解析index.js文件的问题

我们在使用vue写项目的时候,会发现如果我导入一个文件,直接使用目录导入,目录下面放一个index.js,那么会直接导入index.js这个文件,这个是什么原因呢?

其实这个是webpack的一个默认配置,即:

resolve.mainFiles : ["index"],   这个配置的默认是index.js, 如果你想导入其它默认的文件,可以自己配置,比如我想默认default.js,可以这样配置:

exports = {

entry:'main.js',

.......

resolve:{

    mainFiles:["index", "default"]   // 注意,这个index必须要有,否则会报错

}

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。