[webpack]webpack打包优化

it2022-06-25  92

1、import优化a、tree-shaking 把没用到的代码删除掉,import 在生产环境下 会自动去除掉没用的代码b、scope hosting 作用域提升,在webpack中会自动省略一些可以简化的代码2、懒加载 let button = document.createElement('button'); button.innerHTML = 'dellyoung111'; button.addEventListener('click',function () { // es6 草案中的语法 jsonp实现动态加载文件 import('./source.js').then( data=>{ console.log(data.default) } ) }) document.body.appendChild(button); 通过触发点击事件来import文件,实现懒加载需要插件 @babel/plugin-syntax-dynamic-import

转载于:https://www.cnblogs.com/piaobodewu/p/11253072.html

相关资源:浅谈React Webpack 构建打包优化

最新回复(0)