我和我的小生活

摘要： 两个步骤： ①先下载安装-D所需要的loader。 ②在webpack.config.js文件的modules节点下（如果没有就写一个），创建一个rules规则，这个规则是1个数据，然后在数组中添加，处理这种文件的匹配规则。 案例：比如说使用url-loader来处理图片路径 先写一个类名为box1 阅读全文

摘要： webpack本质上只能处理.js文件，也就是它是用来处理.js代码的，它不能直接处理外部样式 所以我们就需要间接去处理，就需要用到第三方的loader加载器（处理器） 处理.css文件需要一套加载器 style-loader，css-loader 安装步骤： 首先，Ctrl+c,终止批操作处理 然 阅读全文

摘要： 在拷贝文件的时候，就把我们自己写的文件进行拷贝就可以了，node_modules是我们npm安装的东西，不需要拷贝，用到它的时候再次安装就可以了。 再次安装的命令：npm i （npm i 就会把package.json这个配置文件里面所有的依赖项，包括-D，-S安装的（这都是我们的依赖项），它都会 阅读全文

摘要： webpack-dev-server这个工具不仅能帮我们打包，还能帮我们起了服务器。还能帮我们自动打开浏览器，还能自动更新，可谓好处多多（嘿嘿） 具体功能：1.打包 2.开启一个服务器 3.实时的自动编译代码，只要我们对源代码做了保存（ctrl+s） 4.webpack-dev-server打包过后 阅读全文

摘要： 通过npm下载第三方模块的命令 命令：npm i 包名 参数[ -g | -S | -D ] 三个参数的意思 -g : 当我们安装的模块，是要作为命令行工具来使用的时候，一般都是-g全局安装 -S : 当我们安装的模块，要打包到目标文件中时，我们用-S安装，-S安装叫做运行环境依赖 -D : 叫做开 阅读全文

摘要： 在vue中，如果直接使用less语法写样式的话，行不通 解决办法： 1.ctrl+c，终止批处理操作 2.输入命令： npm i less-loader -D 这时会有一些警告 （注意：当使用npm安装模块的时候，如果只写包的名字，就表示安装最新的版本 npm i jquery -S 安装的就是最新 阅读全文

摘要： webpack是打包命令。如果我们不指定它的后继参数，其实也能实现打包。但是有一些小的限制。 webpack如果不指定输入和输出，那么默认的打包文件就是./src/index,默认的输出路径是./dist/index.js 第一种是通过build，有点长。另外一个是通过webpack配置文件，这两个 阅读全文

摘要： webpack提供了3种打包模式，分别是 ①无 //无模式 ②--mode development //开发环境模式 ③--mode production //生产环境模式 用无模式（不给参数）的话会有警告 如果给参数的话警告就会消失了 这样写的话打包比较麻烦，所以可以用一个简单的方法， 在pack 阅读全文

摘要： webpack是一个前端模块化开发的工具，简单地说就是用来打包源代码的。所谓源代码，不仅仅是js代码，还包括了css代码，图片等等。 引用东哥经典语录来解释为什么使用webpack打包，这样的好处： 我们开发所谓的web app其实就是一个SPA，单页面应用程序 在SPA中，必然会用到大量的第3方包 阅读全文

摘要： 在看报文头的时候，我知道Date是表示的时间，但是我发现这个时间的小时跟我们现在所处的北京时间不对，后面还标有一个GMT 如下图所示 于是我就在网上搜索了一下 原来： GMT：格林尼标准时间 北京时间=GMT时间+8小时 图示证明： 此时我的电脑显示： 阅读全文