上一页 1 ··· 7 8 9 10 11 12 13 14 15 ··· 44 下一页
摘要: 1,js 压缩: 将 mode 改为“production" 即可,production 模式下,webpack 会自动压缩 js 文件 2,html 压缩: src / index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset 阅读全文
posted @ 2020-06-05 20:19 shanlu 阅读(706) 评论(0) 推荐(1) 编辑
摘要: js 兼容性处理:babel-loader @babel / core npm install --save-dev babel-loader @babel/core index.js 中,使用了箭头函数的语法,打包编译后同样也是箭头函数,这在 chrome中没有任何问题,正常输出7,但在 IE 中 阅读全文
posted @ 2020-06-05 14:26 shanlu 阅读(1194) 评论(0) 推荐(1) 编辑
摘要: js 语法检查:eslint-loader eslint 只检查自己写的源代码,第三方的库不用检查 设置检查规则: package.json 中 eslintConfig 设置: browser:true 浏览器全局变量 airhub 代码规范:https://github.com/airbnb/j 阅读全文
posted @ 2020-06-05 12:08 shanlu 阅读(1933) 评论(0) 推荐(0) 编辑
摘要: npm install --save-dev optimize-css-assets-webpack-plugin webpack配置: const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webp 阅读全文
posted @ 2020-06-05 10:18 shanlu 阅读(143) 评论(0) 推荐(0) 编辑
摘要: 在 这里 display:flex 需要兼容性处理,webpack 编译打包时,需要使用 postcss-loader 这个loader 和 postcss-preset-env 这个插件,它帮postcss找到package.json中browserslist里面的配置,通过配置加载指定的css兼 阅读全文
posted @ 2020-06-05 10:11 shanlu 阅读(671) 评论(0) 推荐(0) 编辑
摘要: webpack编译打包时,css是被放在 js 中的,通过 style 标签加载到页面上,通过将 css 从 js中提取出来,可以使用 link 方式加载 css 用到一个插件 , mini-css-extract-plugin 首先下载这个插件 npm install --save-dev min 阅读全文
posted @ 2020-06-05 09:09 shanlu 阅读(713) 评论(0) 推荐(0) 编辑
摘要: webpack.config.js const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './src/js/i 阅读全文
posted @ 2020-06-04 23:26 shanlu 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 开发服务器 devServer:用来自动化(自动编译,自动打开浏览器,自动刷新浏览器等) 特点:只会在内存中编译打包,不会有任何输出 指令:npx webpack-dev-server 安装 webpack-dev-server npm install webpack-dev-server -D c 阅读全文
posted @ 2020-06-04 23:14 shanlu 阅读(254) 评论(0) 推荐(0) 编辑
摘要: src / index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文
posted @ 2020-06-04 21:44 shanlu 阅读(225) 评论(0) 推荐(0) 编辑
摘要: 1,下载安装 loader 包: npm install --save-dev html-loader url-loader file-loader, url-loader 依赖于 file-loader src / index.html <!DOCTYPE html> <html lang="en 阅读全文
posted @ 2020-06-04 20:34 shanlu 阅读(180) 评论(0) 推荐(0) 编辑
上一页 1 ··· 7 8 9 10 11 12 13 14 15 ··· 44 下一页