2020年11月2日
webpack sourcemap文件生成配置，及项目dist目录自动清理
摘要： 1、安装项目需要文件 yarn add webpack webpack-cli html-webpack-plugin clean-webpack-plugin 2、项目配置如下 const HtmlWebpackPlugin = require('html-webpack-plugin') con 阅读全文
posted @ 2020-11-02 22:17 随心的博客 阅读(632) 评论(0) 推荐(0)
webpack 结合express启动本地项目
摘要： 1、安装项目需要文件 yarn add webpack webpack-cli webpack-dev-middleware express html-webpack-plugin 2、项目配置如下 const HtmlWebpackPlugin=require('html-webpack-plug 阅读全文
posted @ 2020-11-02 21:53 随心的博客 阅读(443) 评论(0) 推荐(0)
webpack 使用devserver启动本地项目
摘要： //使用webpack-dev-server，可以用http启动本地项目，方便发起http请求，file本地不能发请求 1、安装webpack、webpack-cli@3.3.12、webpack-dev-server yarn add webpack webpack-cli@3.3.12 webp 阅读全文
posted @ 2020-11-02 21:37 随心的博客 阅读(1084) 评论(0) 推荐(0)
webpack使用url-loader打包图片,提升项目请求速度
摘要： 1、url-loader的作用是将图片打包成base64字符串，不用在服务器单独请求图片，从而提升项目请求速度 //commonjs const path = require('path'); module.exports = { mode: 'production', devtool:'sourc 阅读全文
posted @ 2020-11-02 16:02 随心的博客 阅读(258) 评论(0) 推荐(0)
图片懒加载的实现
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-11-02 14:50 随心的博客 阅读(96) 评论(0) 推荐(0)