树灼的博客

从01 我们知道为什么webpack 会创建自动生成main.js文件呢！！！ 事情上webpack4 不用配置文件，文件会有默认值，那么我们可以修改这个配置文件使其变得更加的强大 使用一个配置文件在 webpack 4 中，可以无须任何配置使用，然而大多数项目会需要很复杂的设置，这就是为什么 webpack 仍然要支持 配置文件。这比在终端(terminal)中手动输入大量命令要高效的多，所以让我们创建一个取代以上使用 CLI 选项方式的配置文件： 在项目根目录新建 webpack.config.js webpack.config.js 123456789const path = require('path');module.exports = { entry: './src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') }}; ...

webpack 之能处理js,如果需要处理其他格式就需要引入loader 去处理 什么是Loaderwebpack可以使用 loader 来预处理文件，就是通过使用不同的Loader，webpack可以把不同的静态文件都编译成js文件，比如css,sass,less,ES6/7,vue,JSX等。 加载 CSS为了从 JavaScript 模块中 import 一个 CSS 文件，你需要在 module 配置中 安装并添加 style-loader 和 css-loader： 1npm install --save-dev style-loader css-loader webpack.config.js 1234567891011121314151617181920 const path = require('path'); module.exports = { entry: './src/index.js', output: { filename: 'bundle.js&#x ...

Tree ShakingTree Shaking：只支持 ES Module 例如 import 和 export 的静态结构特性的引入。当引入一个模块时，不引入所有的代码，只引入需要的代码 你可以将应用程序想象成一棵树。绿色表示实际用到的源码和 library，是树上活的树叶。灰色表示无用的代码，是秋天树上枯萎的树叶。为了除去死去的树叶，你必须摇动这棵树，使它们落下。 添加一个通用模块在我们的项目中添加一个新的通用模块文件 src/math.js，此文件导出两个函数： project 12345678910webpack-demo|- package.json|- webpack.config.js|- /dist |- bundle.js |- index.html|- /src |- index.js+ |- math.js|- /node_modules src/math.js 1234567export function square(x) { return x * x;}export function cube(x) { ...

1234apt update：只检查，不更新（已安装的软件包是否有可用的更新，给出汇总报告）用法：sudo apt update apt upgrade：更新已安装的软件包 换源1cp /etc/apt/sources.list /etc/apt/sources.list.bak.2023 可以手动编辑替换，也可以直接用命令 123456789101112sudo bash -c "cat << EOF > /etc/apt/sources.list && apt updatedeb http://mirrors.aliyun.com/ubuntu/ jammy main restricted universe multiversedeb-src http://mirrors.aliyun.com/ubuntu/ jammy main restricted universe multiversedeb http://mirrors.aliyun.com/ubuntu/ jammy-security main restricted un ...

使mkfontscale和mkfontdir命令正常运行 1sudo apt-get install ttf-mscorefonts-installer 使fc-cache命令正常运行 1sudo apt-get install fontconfig 123456789101112131415161718192021# 在字体目录新建 /usr/share/fonts 创建一个目录存放自己上传的字体sudo mkdir -p /usr/share/fonts/myfonts/# 上传字体都这个目录后执行以下命令# 进入到字体目录cd /usr/share/fonts/myfonts# 建立字体索引 sudo mkfontscalesudo mkfontdir # 更新字体缓存sudo fc-cache -fv#查看已安装的字体fc-list#查看已安装的中文字体fc-list :lang=zh 解决 一般乱码问题，把 window 宋体上传 增加 即可 1C:\Windows\Fonts\

1234apt update：只检查，不更新（已安装的软件包是否有可用的更新，给出汇总报告）用法：sudo apt update apt upgrade：更新已安装的软件包 换源https://mirror.tuna.tsinghua.edu.cn/help/ubuntu/ https://developer.aliyun.com/mirror/ubuntu?spm=a2c6h.13651102.0.0.3e221b11CXAINR 1cp /etc/apt/sources.list /etc/apt/sources.list.bak.2024 可以手动编辑替换，也可以直接用命令 123456789101112sudo bash -c "cat << EOF > /etc/apt/sources.list && apt updatedeb http://mirrors.aliyun.com/ubuntu/ jammy main restricted universe multiversedeb-src http://mirrors.al ...

使mkfontscale和mkfontdir命令正常运行 1sudo apt-get install ttf-mscorefonts-installer 使fc-cache命令正常运行 1sudo apt-get install fontconfig 123456789101112131415161718192021# 在字体目录新建 /usr/share/fonts 创建一个目录存放自己上传的字体sudo mkdir -p /usr/share/fonts/myfonts/# 上传字体都这个目录后执行以下命令# 进入到字体目录cd /usr/share/fonts/myfonts# 建立字体索引 sudo mkfontscalesudo mkfontdir # 更新字体缓存sudo fc-cache -fv#查看已安装的字体fc-list#查看已安装的中文字体fc-list :lang=zh 解决 一般乱码问题，把 window 宋体上传 增加 即可 1C:\Windows\Fonts\

一直想学习正则表达式但被其复杂性所拖延？在本文中，我将向您展示五个易于学习的 RegEx 技巧，您可以立即在自己喜欢的文本编辑器中开始使用这些技巧。 文本编辑器设置虽然现在几乎所有文本编辑器都支持正则表达式，但我将在本教程中使用 Visual Studio Code，但您可以使用任何您喜欢的编辑器。另外请注意，您通常需要在搜索输入附近的某处打开 RegEx。这是在 VS Code 中执行此操作的方法： 1) . — 匹配任意字符让我们从简单的开始。点符号.匹配任何字符： b.t 以上 RegEx 匹配"bot”,"bat”以及以 开头b和结尾的三个字符的任何其他单词t。但是如果你想搜索点符号，你需要用 转义它\，所以这个 RegEx 只会匹配精确的文本"b.t"： b\.t 2) .* — 匹配任何内容这里的.意思是_“任何字符”_，*意思是_“这个符号重复任意次数之前的任何东西”。_它们连在一起 ( .*) 的意思是_“任意符号任意次数”。_例如，您可以使用它来查找以某些文本开头或结尾的匹配项。假设我们有一个具有以下签名的 javas ...