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

JavaScript016

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

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

其实这个是webpack的一个默认配置，即：

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

exports = {

entry：'main.js',

.......

resolve：{

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

}

}

import { default as import {default as NAME} from './name.js' export default 默认导出 // 默认导入 B.js import A from './A' 只有A具有默认导出时才有效: //导出 A.js export default 18 此时,导入时为其指定的名称无关紧要, // B.js import A from './A' import MyA from './A' import Something from './A' 因为它将始终解析为默认导出任何内容 A。

function insertJS(src, callback){

var script = document.createElement("SCRIPT"), done = false

script.type = "text/javascript"

script.src = src

script.charset = "GB2312"

script.onload = script.onreadystatechange = function(){

if ( !done &&(!this.readyState || this.readyState == "loaded" || this.readyState == "complete") ) {

done = true

callback()

}

}

document.getElementsByTagName("HEAD")[0].appendChild(script)

}

insertJS("1.js", function())

测试过没问题