webpack

webpack是一个前端模块打包器

核心概念：mode 设置打包环境(production,development) entry 入口 output 出口 loader 加载器 plugins 插件

你说下你用过哪些加载器(loaders css-loader style-loader sass-loader less-loader)

你说下你用过哪些webpack插件 (mini-css-extract-plugin 提取css) html-webpack-plugin 把public中的index.html拷贝到dist中 webpack-dev-server为我们开发模式开一个服务器

webpack性能优化 或问打包优化

• 用插件移除console.log （因为代码变少了，肯定性能好）
• 关闭sourcemap (因为打包的文件就变少，打包速度肯定变快)
• tree shaking 摇树 webpack只会保留模块中按需引入，没有引的直接打包的结果把它删除掉
• 模块懒加载 主包变小了
• happypack 可以实现多线程打包
• dllPlugin 它是把模块分为二种 业务包 第三方插件包（基本代码不可能改变） 用这个可以实现把第三方包打包一次以后再也不用动，以后只需要打包业务包