摘要：什么是SourceMap? 当我们对项目进行打包时,经过一系列编译和转换,最终会形成生产环境的项目代码,并将此部署至线上。众所周知,生产环境代码和打包后的代码千差万别,当构建后的代码报错,如果没有SourceMap,很难将错误溯源至源代码,这对开发很不友好 SourceMap形成了源代码和构建后代码 阅读全文

摘要：原因 Webpack5已经废弃了url-loader、file-loader，使用后资源无法正常加载，图片无法正常显示 参考文档： https://webpack.docschina.org/migrate/5/#clean-up-configuration 解决方案 1.在use后添加type r 阅读全文

摘要：项目目录 webpack.config.js中引入plugins 和loader不同的是，plugins多了一步引入 const { resolve } = require('path') //引入html-webpack-plugin const HtmlWebpackPlugin = requi 阅读全文

摘要：1.创建webpack.config.js配置文件 webpack.config.js配置文件的作用： 当运行webpack指令时，会加载其中的配置 所有的构建工具都是基于Nodejs，模块化默认使用commonjs 2.配置架构 const {resolve} = require('path') 阅读全文

摘要：1.webpack安装 终端: npm i webpack -g npm i webpack-cli -g全局 2.项目打包 1.全局webpack 终端: webpack 默认寻找src文件夹下的index.js作为入口,没有则报错 src同目录下自动生成📂dist--main.js即为打包后的 阅读全文