webpack配置按需加载分离的文件名
按需加载的使用
let btn=document.getElementById("btn")
btn.addEventListener("click",function(){
import("../test.js")
})
这样当打包后就会生成一个1.js的文件,在点击按钮时就会加载这个按需加载的1.js
为按需加载1.js改个名字
let btn=document.getElementById("btn")
btn.addEventListener("click",function(){
import(/* webpackChunkName:"test"*/"../test.js")
})
如此在import的地方加入一个注释
/* webpackChunkName:"test"*/
打包后的1.js就会变成test.js