随笔分类 - webpack
摘要：1、package.json中添加 "start": "node --inspect-brk ./node_modules/webpack/bin/webpack.js" node：通过node启动 inspect：调试模式 brk：在首行打一个断点，调试代码会在首行停住 ./node_module
阅读全文
摘要：自定义babel-loader： 1、babelSchema.json： 提供校验loader中options的规则：属性名为presets，它的类型是array，"additionalProperties": true 表示可以追加其他属性 { "type": "object", "propert
阅读全文
摘要：# webpack5 此版本重点关注以下内容： - 通过持久缓存提高性能 - 使用更好的算法和默认值来改善长期缓存 - 通过更好的树摇和代码生成来改善捆绑包大小 - 清除处于怪异状态的内部结构，同时在v4中实现功能而不引入任何重大更改 - 通过引入重大更改来为将来的功能做准备，以使我们能够尽可能长时
阅读全文
摘要：entry： const { resolve } = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') module.exports = { // entry: './src/index.js', //
阅读全文
摘要：HMR： /* HMR：hot module replacement 热模块替换，模块热替换 作用：一个模块发生变化，只会重新打包这一个模块，而不是重新打包所有模块，极大地提升了构建速度 样式文件：可以使用HMR功能，style-loader内部实现了 js文件：默认不能使用HMR功能，需要修改js
阅读全文
摘要：提取css文件成单独文件： 1、下载插件：npm install mini-css-extract-plugin -D 2、使用插件：webpack.config.js ①module中使用loader时用 MiniCssExtractPlugin.loader 替代 style-loader ②p
阅读全文
摘要：D环境参数： node：10版本以上（10.4.0） 这里有个坑：10.4.0版本才开始支持BigInt对象 webpack：4.26版本以上（4.44.1） webpack是什么： webpack是一种前端资源构建工具，一个静态模块打包器（module bundler） 在webpack看来，前端
阅读全文
