- 博客(6)
- 收藏
- 关注
RSS订阅原创 Webpack笔记（五）
六. webpack配置详解 6.1 entry const {resolve} = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') /* entry:入口起点 1.string --> './src/index.js' 打包生成一个chunk。输出一个bundle文件 2.array --> ['./src/index.js','./src/add.js'] 多入口
2021-09-07 16:04:11
103
原创 Webpack笔记（四）
webpack性能优化 开发环境性能优化 优化打包构建速度（HMR） 优化代码调试（source-map） 生产环境性能优化 优化打包构建速度 oneOf babel缓存 多进程打包 ...
2021-09-07 15:59:24
161
原创 Webpack笔记（三）
四.webpack生产环境的基本配置 4.1提取css成单独文件 安装插件mini-css-extract-plugin //局部 module: { rules: [ { test: /\.css$/, use: [ // 创建 style 标签，将样式放入 // 'style-loader', // 这个 loader 取代 style-loader。作用：提取 js 中的 css 成单独文件 Mi...
2021-08-26 19:16:05
240
原创 Webpack笔记（二）
三.webpack 开发环境的基本配置 3.1 创建配置文件 1. 创建文件 webpack.config.js const {resolve} = require('path') module.exports = { entry: './src/js/index.js', // 入口文件 output: { // 输出配置 filename: './built.js', // 输出文件名 p...
2021-08-26 19:11:33
98
原创 Webpack笔记（一）
一. webpack简介 1.1 Webpack是什么 Webpack是一种前端资源构建工具，一个静态模块打包器(module bundler) 在webpack看来，前端的所有的资源文件(js/json/css/img/less/...)都会作为模块处理，它将根据模块的额依赖关系进行静态分析，打包生成对应的静态资源(bundle) 1.2 Webpack 五个核心概念 ...
2021-08-26 19:05:51
69
原创 Promise源码
手写Promise源码 class Promise{ //构造方法 constructor(executor){ //添加属性 //[[PromiseState]] 双括号表明内部属性 this.PromiseState = 'pending' this.PromiseResult = null; this.callbacks = [] //保存实例对象的this const _this = this //resolve函数 f
2021-08-19 11:21:19
200
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人