2022 年 5月 3 日随笔档案 - weakup

2022年5月3日

摘要： webpack.dll.js/* 使用dll技术，对某些库（第三方库：jquery、react、vue...）进行单独打包当你运行 webpack 时，默认查找 webpack.config.js 配置文件需求：需要运行 webpack.dll.js 文件 --> webpack --confi 阅读全文

posted @ 2022-05-03 17:31 weakup 阅读(235) 评论(0) 推荐(0)

externals拒绝被打包进来

摘要： const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './src/js/index.js', output: 阅读全文

posted @ 2022-05-03 16:25 weakup 阅读(33) 评论(0) 推荐(0)

多进程打包

摘要： const { resolve } = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const OptimizeCssAssetsWebpackPlugin = require(' 阅读全文

posted @ 2022-05-03 16:14 weakup 阅读(66) 评论(0) 推荐(0)

PWA 渐进式网络开发应用程序

摘要： const { resolve } = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const OptimizeCssAssetsWebpackPlugin = require(' 阅读全文

posted @ 2022-05-03 16:05 weakup 阅读(71) 评论(0) 推荐(0)

webpack懒加载方式

摘要： index.html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title 阅读全文

posted @ 2022-05-03 15:43 weakup 阅读(207) 评论(0) 推荐(0)

import动态导入语法：能将某个文件单独打包

摘要： const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { // 单入口 entry: './src/js/index.js', o 阅读全文

posted @ 2022-05-03 14:28 weakup 阅读(196) 评论(0) 推荐(0)

optimization多入口

摘要： const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { // 单入口 // entry: './src/js/index.js' 阅读全文

posted @ 2022-05-03 14:25 weakup 阅读(29) 评论(0) 推荐(0)

Webpack 理解 Chunk

摘要： https://blog.csdn.net/glenshappy/article/details/119642331 阅读全文

posted @ 2022-05-03 14:18 weakup 阅读(14) 评论(0) 推荐(0)

entry多个入口

摘要： const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { // 单入口 // entry: './src/js/index.js' 阅读全文

posted @ 2022-05-03 13:37 weakup 阅读(141) 评论(0) 推荐(0)

tree shaking：去除无用代码

摘要： const { resolve } = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const OptimizeCssAssetsWebpackPlugin = require(' 阅读全文

posted @ 2022-05-03 11:24 weakup 阅读(71) 评论(0) 推荐(0)

webpack cacheDirectory缓存

摘要： const { resolve } = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const OptimizeCssAssetsWebpackPlugin = require(' 阅读全文

posted @ 2022-05-03 10:47 weakup 阅读(268) 评论(0) 推荐(0)

Oneof

摘要： const { resolve } = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const OptimizeCssAssetsWebpackPlugin = require(' 阅读全文

posted @ 2022-05-03 10:31 weakup 阅读(455) 评论(0) 推荐(0)