摘要： # 1.基本使用步骤 1. 导入vue.js的script脚本文件 1. 在页面中声明一个将要被vue所控制的DOM区域 1. 创建vm实例对象（vue实例对象） ```html {{username}} ``` 阅读全文

摘要： # mvvm  # mvvm的工作原理 ![image](https://img2023.cnblogs 阅读全文

摘要： # vue的特性 vue框架的特性，主要体现在如下两方面： 1. `数据驱动视图` 1. `双向数据绑定` # 数据驱动视图 ![image](https://img2023.cnblogs.com/blog/1069029/202305/1069029-20230531001444511-1724 阅读全文

摘要： # 什么是Source Map `Source Map就是一个信息文件，里面储存着位置信息`。也就是说，Source Map文件中存储着压缩混淆后的代码，所对应的`转换前的位置`。 有了它，出错的时候，除错工具将`直接显示原始代码，而不是转换后的代码`，能够极大的方便后期的调试。 # 解决默认Sou 阅读全文

摘要： # 自动清理dist目录下的旧文件 为了在每次打包发布时`自动清理掉dist目录中的旧文件`，可以安装并配置`clean-webpack-plugin`插件： ``` // 1.安装清理dist目录的webpack插件 npm install --save-dev clean-webpack-plu 阅读全文

摘要： # 把JavaScript文件同意生成到js目录中 在`webpack.config.js`配置文件的`output`节点中，进行如下的配置： ```JS {test: /\.jpg|png|gif$/, use: 'url-loader?limit=470&outputPath=images'} 阅读全文

摘要： # 配置webpack的打包发布 在`package.json`文件的`scripts`节点下，新增build命令如下： ```JS "scripts": { "dev": "webpack serve",//开发环境中，运行dev命令 "build":"webpack --mode product 阅读全文

摘要： webpack只能打包处理`一部分`高级的JavaScript语法。对于那些webpack无法处理的高级js语法，需要借助于`babel-loader`进行打包处理。例如webpack无法处理下面的JavaScript代码： ```js //定义装饰器函数 function info(target) 阅读全文

摘要： # 打包处理样式表中与`url路径相关`的文件 1. 运行 `npm i url-loader file-loader -D` 命令 1. 在webpack.config.js的module->rules数组中，添加loader规则如下： ```js module: { rules: [ //定义了 阅读全文

摘要： # 打包处理less文件 1. 运行 npm i less-loader less -D 命令 1. 在webpack.config.js的module->rules数组中，添加loader规则如下： ```js module: { rules: [ //定义了不同模块对应的loader {test 阅读全文