
webpack
森姐姐
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
react脚手架配置代理总结
方法一 在package.json中追加如下配置 'proxy': 'http://localhost:5000' 说明: 优点:配置简单,前端请求资源时可以不加任何前缀。 缺点:不能配置多个代理。 工作方式:上述方式配置代理,当请求了3000不存在的资源时,那么该请求会转发给5000(优先匹配前端资源) 方法二 1、第一步:创建代理配置文件 在src下创建配置文件:src/setupProxy.js 2、编写setupProxy.js配置具体代理规则 const proxy = require原创 2021-02-27 18:23:59 · 166 阅读 · 0 评论 -
webpack的安装和基础配置
webpack的学习 - 第1天 一、webpack的基础配置 1、webpack 安装和基础配置 安装本地的webpack,需要安装 webpack 和 webpack-cli -D webpack 可以进行0配置 打包工具 -> 输出后的结果(js模块) 打包(支持我们的js模块化) 手动配置webpack 默认配置文件的名字 webpack.config.js 配置文件的文件...原创 2019-09-22 23:18:03 · 171 阅读 · 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 · 253 阅读 · 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 · 495 阅读 · 0 评论 -
webpack配置sourcemap
1、js高级语法转低级语法,需安装 cnpm install @babel/core @babel/preset-env babel-loader webpack-dev-server -D module:{ rules:[ { test:/\.js$/, use:{ ...原创 2019-09-27 23:41:56 · 524 阅读 · 0 评论 -
webpac的小插件和跨域问题
一、watch的用法 watch:true, //实时监控代码的变化,代码发生变化时打包 watchOptions:{ //监控的选项 poll:1000, //每秒 问我 1000次 aggregateTimeout:500, //防抖 ignored:/node_modules/ //不需要进行监控的文件 }, 二、webpack的小插件 1、cleanW...原创 2019-09-28 16:13:55 · 164 阅读 · 0 评论