webpack基础——sourceMap，映射出该错误再源代码中的位置
摘要：
当我再 sub.js 里写了错误代码 明明错误再第8行，报错却说在第11行 因为这是打包后文件的错误位置，但这不利于我们修改错误，故需要也能够射出错误在源代码中的位置 在这里配置：devtool 阅读全文
posted @ 2022-06-14 23:37 In-6026 阅读(167) 评论(0) 推荐(0) 编辑
webpack基础——css样式模块化
摘要：
当直接 webpack 打包的时候，所打包的 css 都是全局通用的，但这可能不是我们想要的。故需要 css 模块化 avator.scss body { .avator { width: 300px; height: 300px; transform: translateX(100px); } } 阅读全文
posted @ 2022-06-14 23:04 In-6026 阅读(237) 评论(0) 推荐(1) 编辑
webpack基础——打包时自动为css属性加上浏览器厂商前缀
摘要：
###作用：在写 css 时，不需要再一些属性钱加上 -webkit-，-moz 等浏览器标识，可以通过 postcss 在 webpack 打包时自动加上 可以在webpack的loader里看postcss-loader的使用方法 点击查看原文： 来到这里，按指示往下配置 / 下载 在 webp 阅读全文
posted @ 2022-06-14 19:29 In-6026 阅读(111) 评论(0) 推荐(0) 编辑
webpack基础——loader，以url-loader为例
摘要：
const path = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') const { CleanWebpackPlugin } = require('clean-webpack-plugin') m 阅读全文
posted @ 2022-06-14 16:20 In-6026 阅读(43) 评论(0) 推荐(0) 编辑