摘要：
一、提取单独的css文件 前面学习的过程中，用css-loader和style-loader来处理css文件，是通过在html中创建style标签把css放进去的。为了能把css单独的打包成css文件，则不能用前面的方法。 需要用到mini-css-extract-plugin插件，去掉style- 阅读全文
posted @ 2020-07-25 00:02
当…风已不再
阅读(527)
评论(0)
推荐(0)
摘要：
在前面的学习中，每次修改一次源代码，都需要经过一次webpack打包才能生效。因可以配置devServer，从而可以使修改的代码能立刻生效。一个简单的devServer配置如下 1 const path = require('path'); 2 const HtmlWebpackPlugin = r 阅读全文
posted @ 2020-07-24 23:43
当…风已不再
阅读(353)
评论(0)
推荐(0)
摘要：
webpack打包图标文件主要是用到了file-loader，相关配置如下 const path = require('path') const htmlWebpackPlugin = require('html-webpack-plugin') module.exports = { entry: 阅读全文
posted @ 2020-07-07 22:08
当…风已不再
阅读(266)
评论(0)
推荐(0)
摘要：
webpack打包图片资源主要分两个方面的配置 一、打包css文件中的图片资源，需要用到file-loader、url-loader，相关配置如下 const path = require('path') const htmlWebpackPlugin = require('html-webpack 阅读全文
posted @ 2020-07-07 22:05
当…风已不再
阅读(1020)
评论(0)
推荐(0)
摘要：
使用html-webpack-plugin插件，可以在打包后自动生成一个index.html文件，这个index.html文件里会把打包后的静态资源引入。 相关配置如下面所受 const path = require('path') const htmlWebpackPlugin = require 阅读全文
posted @ 2020-07-06 22:51
当…风已不再
阅读(750)
评论(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
当…风已不再
阅读(217)
评论(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
当…风已不再
阅读(252)
评论(0)
推荐(0)
摘要：
一、什么是webpack 我所理解的webpack，主要是从两个方面出发，一是webpack是一个前端构建器，二是webpack是一个静态模块打包器。 1、前端构建器 webpack只能识别js和json文件，所以在引入其他比如样式文件，图片资源等webpack不能识别的资源时，需要通过loader 阅读全文
posted @ 2020-07-06 22:31
当…风已不再
阅读(183)
评论(0)
推荐(0)
摘要：
一、数据类型的转换 js是一种松散型语言，js的数据类型由5种基本数据类型和1种引用类型组成，各种数据类型在一定程度上可以进行转换，下面贴上各个类型间强制转换的结果。 1、其他数据类型向Number的转换 2、其他数据类型向String的转换 3、其他类型向Boolean的转换 二、==和等 的理解 阅读全文
posted @ 2019-03-20 11:10
当…风已不再
阅读(366)
评论(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
当…风已不再
阅读(220)
评论(0)
推荐(0)
浙公网安备 33010602011771号