摘要: 一、提取单独的css文件 前面学习的过程中,用css-loader和style-loader来处理css文件,是通过在html中创建style标签把css放进去的。为了能把css单独的打包成css文件,则不能用前面的方法。 需要用到mini-css-extract-plugin插件,去掉style- 阅读全文
posted @ 2020-07-25 00:02 当…风已不再 阅读(513) 评论(0) 推荐(0) 编辑
摘要: 在前面的学习中,每次修改一次源代码,都需要经过一次webpack打包才能生效。因可以配置devServer,从而可以使修改的代码能立刻生效。一个简单的devServer配置如下 1 const path = require('path'); 2 const HtmlWebpackPlugin = r 阅读全文
posted @ 2020-07-24 23:43 当…风已不再 阅读(346) 评论(0) 推荐(0) 编辑
摘要: webpack打包图标文件主要是用到了file-loader,相关配置如下 const path = require('path') const htmlWebpackPlugin = require('html-webpack-plugin') module.exports = { entry: 阅读全文
posted @ 2020-07-07 22:08 当…风已不再 阅读(261) 评论(0) 推荐(0) 编辑
摘要: webpack打包图片资源主要分两个方面的配置 一、打包css文件中的图片资源,需要用到file-loader、url-loader,相关配置如下 const path = require('path') const htmlWebpackPlugin = require('html-webpack 阅读全文
posted @ 2020-07-07 22:05 当…风已不再 阅读(1010) 评论(0) 推荐(0) 编辑
摘要: 使用html-webpack-plugin插件,可以在打包后自动生成一个index.html文件,这个index.html文件里会把打包后的静态资源引入。 相关配置如下面所受 const path = require('path') const htmlWebpackPlugin = require 阅读全文
posted @ 2020-07-06 22:51 当…风已不再 阅读(735) 评论(0) 推荐(0) 编辑
摘要: 常用的样式资源主要是css、less、sass、styus 1、处理css文件用到的loader主要是style-loader、css-loader 2、处理less文件用到的loader主要是style-loader、css-loader、less-loader (需要安装less) 3、处理sa 阅读全文
posted @ 2020-07-06 22:47 当…风已不再 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 首先需要安装node、webpack、webpack-cli 一、命令方式打包 webpack '入口文件' -o '输出文件' --mode='使用模式',例如: webpack ./src/main.js -o ./build/index.js --mode=development webpac 阅读全文
posted @ 2020-07-06 22:39 当…风已不再 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 一、什么是webpack 我所理解的webpack,主要是从两个方面出发,一是webpack是一个前端构建器,二是webpack是一个静态模块打包器。 1、前端构建器 webpack只能识别js和json文件,所以在引入其他比如样式文件,图片资源等webpack不能识别的资源时,需要通过loader 阅读全文
posted @ 2020-07-06 22:31 当…风已不再 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 一、数据类型的转换 js是一种松散型语言,js的数据类型由5种基本数据类型和1种引用类型组成,各种数据类型在一定程度上可以进行转换,下面贴上各个类型间强制转换的结果。 1、其他数据类型向Number的转换 2、其他数据类型向String的转换 3、其他类型向Boolean的转换 二、==和等 的理解 阅读全文
posted @ 2019-03-20 11:10 当…风已不再 阅读(361) 评论(0) 推荐(0) 编辑
摘要: 1、不要在同一行声明多个变量 2、if语句,for循环要有大括号 3、switch语句要有default分支 4、函数不要一会有返回值,一会又没有 5、数组的声明用数组字面量代替new Array 6、尽量避免使用全局函数 7、避免使用全局查找 8、要用 和!==代替==和!=比较 9、for in 阅读全文
posted @ 2017-10-09 17:30 当…风已不再 阅读(217) 评论(0) 推荐(0) 编辑