![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
森姐姐
这个作者很懒,什么都没留下…
展开
-
react脚手架配置代理总结
方法一在package.json中追加如下配置'proxy': 'http://localhost:5000'说明:优点:配置简单,前端请求资源时可以不加任何前缀。缺点:不能配置多个代理。工作方式:上述方式配置代理,当请求了3000不存在的资源时,那么该请求会转发给5000(优先匹配前端资源)方法二1、第一步:创建代理配置文件在src下创建配置文件:src/setupProxy.js2、编写setupProxy.js配置具体代理规则const proxy = require原创 2021-02-27 18:23:59 · 128 阅读 · 0 评论 -
webpack的安装和基础配置
webpack的学习 - 第1天一、webpack的基础配置1、webpack 安装和基础配置安装本地的webpack,需要安装 webpack 和 webpack-cli -Dwebpack 可以进行0配置打包工具 -> 输出后的结果(js模块)打包(支持我们的js模块化)手动配置webpack默认配置文件的名字 webpack.config.js配置文件的文件...原创 2019-09-22 23:18:03 · 121 阅读 · 0 评论 -
webpack的样式处理
样式处理1、 配置loader模块,先安装npm install css-loader style-loader -D yarn add less-loader style-loader -D css-loader 是解析 @import 这种语法的style-loader 是把 css 插入到 head 标签中loader 的特点:希望单一多个loader需要 用数组表示 [],...原创 2019-09-23 23:41:48 · 162 阅读 · 1 评论 -
webpack图片处理,文件分类和打包多页面应用
一、webpack的图片处理1、file-loader 默认会在内部生成一张图片到 build目录下,把生成的图片的名字返回回来。通过js创建图片对象生成图片import logo from './logo.JPG';let img = new Image();img.src = logo;document.body.appendChild(img);//1、先安装file-load...原创 2019-09-27 22:32:58 · 425 阅读 · 0 评论 -
webpack配置sourcemap
1、js高级语法转低级语法,需安装cnpm install @babel/core @babel/preset-env babel-loader webpack-dev-server -Dmodule:{ rules:[ { test:/\.js$/, use:{ ...原创 2019-09-27 23:41:56 · 460 阅读 · 0 评论 -
webpac的小插件和跨域问题
一、watch的用法watch:true, //实时监控代码的变化,代码发生变化时打包watchOptions:{ //监控的选项 poll:1000, //每秒 问我 1000次 aggregateTimeout:500, //防抖 ignored:/node_modules/ //不需要进行监控的文件 },二、webpack的小插件1、cleanW...原创 2019-09-28 16:13:55 · 129 阅读 · 0 评论