摘要： configureWebpack:{ optimization: { minimizer: [ new UglifyJsPlugin({ uglifyOptions: { // 删除注释 output:{ comments:false }, // 删除console debugger 删除警告 co 阅读全文

摘要： 搭建好webpack配置之后，开始启动热更新。 第一步：安装 webpack-dev-server 注意版本问题 npm install webpack-dev-server --save-dev 第二步：在webpack.config.js 进行插件启用 var webpack = require 阅读全文

摘要： webpack安装 clean-webpack-plugin 和 html-webpack-plugin 是为了重新生成打包的bundle之后清空以前的的bundle之后创建一个新的html文件并将新的bundle插入到HTML中 但是在这个过程中出现一个问题，我创建的HTML模板中，含有id= ‘ 阅读全文

摘要： 很近以前搭建过webpack脚手架，最近想重新再来一次，发现搭建过程中各种问题，现在记录一下： 1、因为webpack5+与npm版本不兼容的问题： 查看webpack -v版本的时候报错：应该是npm版本跟webpack版本冲突造成的。但是由于我的电脑需要npm的特定版本5.6.0 所以我没有升级 阅读全文

摘要： 今天在搭建webpack+react，虽然现在webpack已经是第5版本了，但是一直报错，我先搭建一版3.0版本 1.使用固定版本来搭建webpack npm install --save-dev webpack@3.6.0 2.安装babel-loader报错 babel-loader@8 re 阅读全文

摘要： 1.什么是bundle,什么是chunk，什么是module? bundle:有webpack打包出来的文件 chunk：webpack在进行模块的依赖分析的时候，代码分割出来的代码块 module:开发中的单个模块 阅读全文

摘要： define-plugin：定义环境变量 (Webpack4 之后指定 mode 会自动配置) ignore-plugin：忽略部分文件 html-webpack-plugin：简化 HTML 文件创建 (依赖于 html-loader) web-webpack-plugin：可方便地为单页应用输出 阅读全文

摘要： 用webpack优化前端性能是指优化webpack的输出结果，让打包的最终结果在浏览器运行快速高效。 1.压缩代码。删除多余的代码、注释、简化代码的写法等等方式。可以利用webpack的UglifyJsPlugin和ParallelUglifyPlugin来压缩JS文件， 利用cssnano（css 阅读全文

摘要： 什么是loader？ loader 用于对模块的源代码进行转换。Webpack将一切文件视为模块，但是webpack原生是只能解析js文件，如果想将其他文件也打包的话，就会用到loader。 所以Loader的作用是让webpack拥有了加载和解析非JavaScript文件的能力。 Loader在m 阅读全文

摘要： 1.什么是webpack？ webpack是以现代的JavaScript应用程序的静态模块打包器。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 2.四个核心概念 阅读全文