webpack
关注
分享
扫一扫
Mount华
以身为棋，胜天半子！
展开
-
webpack的详细配置与使用
版本说明webpack版本： “webpack”: “^3.6.0”例子：该实例代码可参见github地址：创建目录aaa先初始化npm init并创建以下几个文件：index.htmlmain.jscal.js<!---index.html文件--><!DOCTYPE html><html lang="en"原创 2019-01-21 18:57:10 · 796 阅读 · 0 评论 -
前端面试之webpack面试常见问题
1：什么是webpack和grunt和gulp有什么不同答案：Webpack是一个模块打包器，他可以递归的打包项目中的所有模块，最终生成几个打包后的文件。他和其他的工具最大的不同在于他支持code-splitting、模块化(AMD，ESM，CommonJs)、全局分析。2：什么是bundle,什么是chunk，什么是module?答案：bundle是由webpack打包出来的文件，c...转载 2019-03-14 16:18:17 · 671 阅读 · 0 评论 -
webpack打包优化的完美解决方案
webpack打包优化分为两部分，一部分是大小优化，另一部分是速度优化。大小优化1.CommonsChunk前端构建项目中，为了提高打包效率，往往将第三库与业务逻辑代码分开打包，因为第三方库往往不需要经常打包更新。webpack建议使用CommonsChunk 来单独打包第三方库：module.exports = { entry: { vendor: ['rea...转载 2019-03-16 15:37:20 · 26846 阅读 · 0 评论