Webpack5
文章平均质量分 89
一只学弱狗!
心中有路 行者无疆
展开
-
Webpack5学习笔记(高级篇)
SourceMap为什么当代码经编译后在浏览器中运行时,若发生错误,定位不到源代码的位置,无法立即找到错误是什么是一个用来生成源代码与构建后代码一一映射的方案怎么用在webpack.config.js中进行配置在开发模式下用cheap-module-source-map{ // ... mode: 'development', devtool: 'cheap-module-source-map'}在生产模式下用source-map{ // ...原创 2022-05-31 09:38:51 · 1157 阅读 · 0 评论 -
Webpack5学习笔记(基础篇)
Webpack基本概念是什么?是一个静态资源打包工具。可以做什么?分为两种模式,分别是开发模式和生产模式。开发模式(development):仅能编译JS中的ES Module语法生产模式(product):既能编译JS中的ES Module语言,还能压缩JS代码入门创建项目(文件夹)在项目所在文件夹中使用npm init生成package.json文件使用npm install webpack webpack-cli -g安装webpack使用npx webpack ./sr原创 2022-05-28 22:37:19 · 548 阅读 · 0 评论