需求背景JavaScript 是脚本语言, 没有编译过程, 直接以源码就可以运行. 有的时候, 出于安全或者其他的原因, 我们不希望别
原创
2022-07-08 11:05:09
89阅读
需求背景JavaScript 是脚本语言, 没有编译过程, 直接以源码pack 打包工具来完成对后端代码的混淆压缩.安装配置 webpack安装npm i babel-c...
原创
2022-07-08 10:00:47
53阅读
webpack代码压缩 js压缩 css压缩 html压缩 js压缩 webpack4内置了uglifyjs-webpack-plugin,在生产模式默认开启这个插件 所以我们默认打包的js文件以及是压缩过的 当然我们也可以手动安装一下这个插件并且手动设置一个参数 去做一些并行压缩之类的事情 css ...
转载
2021-09-24 00:33:00
1505阅读
2评论
首先，先不直接上正题的内容，我们先来看一个情况，修改 webpack 的配置文件为生产模式 production： 然后进行打包，查看打包之后的 JS 代码发现是进行压缩处理过的，这个原理在之前的文章当中已经讲解过了，参考：
原创
2021-11-14 00:39:00
250阅读
webpack概念：现代javaScript应用程序的静态模块打包器。当webpack处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包城一个或多个bundle。 1.入口：入口起点指示webpack应该使用哪个模块，来作为构建其内部依赖图的开始。单 ...
转载
2021-09-09 00:15:00
378阅读
2评论
目录Webpack + Vue 搭建开发环境及打包安装 ------- 打包渲染进程Electron + Webpack 搭建开发环境及打包安装 ------- 打包主进程Electron + Webpack + Vue 搭建开发环境及打包安装 ---- 打包electron应用三、打包Election App 应用 在之前的节中已经写了渲染进程的打包，以及主线程的简单打包构建，那么
转载
2023-10-08 10:54:40
22阅读
使用 webpack 打包 ts 代码
原创
2022-06-06 12:33:29
343阅读
!在这里插入图片描述(https://s2.51cto.com/images/blog/202209/15133756_6322ba34087dd86700.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW
原创
2022-09-15 13:38:21
404阅读
使用webpack打包ts代码 具体步骤如下： 1.新一个项目文件夹 2.执行npm init -y生成package.json 3.执行npm i -D webpack webpack-cli typescript ts-loader 4.编写webpack文件，新建一个webpack.confi ...
转载
2021-08-23 17:10:00
216阅读
点赞
说明玩转webpack课程学习笔记。JS 文件的压缩内置了 uglifyjs-webpack-plugin，
原创
2022-08-18 03:00:11
310阅读
在webpack.config.js添加如下配置。const path = require('path')module.exports = { mode: 'development', entry: './src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'd...
原创
2022-11-23 00:08:55
587阅读
开发环境： webpack ./src/index.js -o ./build/built.js --mode=development
含义：webpack会以./src/index.js 为入口文件开始打包，打包后输出到 ./build/built.js
整体打包环境，就是开发环境。
生产环境： webpack ./src/index.js -o ./buil
原创
2021-04-22 09:19:48
401阅读
image.png 一. 概述 什么是webpack 模块打包机：它做的事情是
原创
2022-06-20 22:38:36
149阅读
一. 概述 什么是webpack 模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。 为什么使用webpack 现在是网络时代，在我们的生活中网络成为了必不
原创
2022-05-04 09:54:45
584阅读
一、打包CSS代码由于Webpack默认只识别js代码，所以打包css代码需要其他一些东西来帮忙加载器css-loader：解析css代码加载器style-loader：把解析后的css代码插入到DOM步骤：1.准备css文件代码引入到src/login/index.js中（压缩转译处理等）2.下载css-loader和style-loader本地软件包3.配置webpack.config.js让
原创
精选
2024-01-05 14:54:37
709阅读
最近复习到IO，想找个案例做一做，恰好下载了许多图片压缩包，查看图片很不方便，所以打算用IO把图片都解压到同一个文件夹下。然后集中打包。 本例使用jdk自带的ZipInputStream和ZipOutPutStream，功能有限不支持rar但是api很简单。 import java.io.*;
import java.util.zip.*;
/**
* Created by
转载
2024-06-06 12:14:17
84阅读
原因Webpack5已经废弃了url-loader、file-loader，使用后资源无法正常加载，图片无法正常显示参考文档：https://webpack.docschina.org/migrate/5/#clean-up-configuration解决方案1.在use后添加typerules: [{
test: /\.less$/,
转载
2021-10-31 15:39:00
119阅读
以下内容均以webpack配置中的output.library.type: 'umd'为基础 使用webpack将文件打包为library后，打包好的文件被script标签引用时，library的名字会被放在全局变量中等待使用，至于库名下的内容，则与webpack配置中的output.library.export属性值相关。
转载
2021-10-28 23:15:00
194阅读
想要知道 Webpack 打包原理的我们需要提前知道两个知识点 1、什么是 require？ 说到 require 首先想到的可能就是 import，import 是 es6 的一个语法标准, – require 是运行时调用，因此 require 理论上可以运用在代码的任何地方； – im
转载
2022-07-14 09:40:01
184阅读
介绍前端模块化开发通常会用到commonJs或ES6提供的模块化语法，此处介绍通过commonJS时，webpack打包生成文件的代码打包前的文件// main.jsconst {add, mul } = require('./mathUtils.js')console.log(add(20, 50))console.log(mul(20, 50))// mathUtils.jsfunction add(a, b) { return a + b;}function mu
原创
2021-07-09 10:49:29
574阅读
