weakup - 博客园

2022年5月4日

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

posted @ 2022-05-04 10:54 weakup 阅读(192) 评论(0) 推荐(0) 编辑

module

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

posted @ 2022-05-04 10:44 weakup 阅读(14) 评论(0) 推荐(0) 编辑

ertry

摘要： const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); /* entry: 入口起点 1. string --> './src/index.js' 单入口打包形成一阅读全文

posted @ 2022-05-04 10:43 weakup 阅读(55) 评论(0) 推荐(0) 编辑

output

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

posted @ 2022-05-04 10:43 weakup 阅读(119) 评论(0) 推荐(0) 编辑

2022年5月3日

dll

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

posted @ 2022-05-03 17:31 weakup 阅读(221) 评论(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 阅读(27) 评论(0) 推荐(0) 编辑

多进程打包

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

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

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

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

posted @ 2022-05-03 16:05 weakup 阅读(53) 评论(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 阅读(197) 评论(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 阅读(175) 评论(0) 推荐(0) 编辑