
webpack
文章平均质量分 50
williamyi74
服从感性,抗拒理性
展开
-
webpack+nginx开启gzip压缩部署项目
上传后我们去到/etc/nginx/conf.d目录 这个目录是nginx的子配置文件夹 里面的.conf文件会被/etc/nginx/nginx.conf主配置文件include进http节点中 我们只需要在/etc/nginx/conf.d新建子目录文件然后编写server节点即可。2.http://www.xxx.com/web publicPath: '/web/' 尾巴多加个/是因为按需加载的js拼static会少拼一个/ 拼出来就是/webstatic/js/... 导致资源加载不出来。原创 2023-03-25 00:28:50 · 1709 阅读 · 0 评论 -
@craco/craco复写cra项目配置
cra内置了HtmlWebpackPlugin插件,直接用cra的getPlugin方法获取插件实例即可。cra默认打包后的产物文件夹名build,我们习惯性的叫dist。原创 2023-02-04 13:42:06 · 3661 阅读 · 0 评论 -
前端性能优化:dns-prefetch和preload预加载资源
link指定rel=dns-prefetch后浏览器会在空闲时间预加载好资源但是不会执行,等真正请求的时候才执行,此时已经资源已经加载好了直接执行.和rel=prefetch不一样的是,前者会提前解析好dns,等到请求资源时就会起到提速的作用。原创 2022-11-11 15:55:23 · 1443 阅读 · 0 评论 -
vite/Vuecli配置proxy代理解决跨域
上代码:import { defineConfig } from 'vite';import vue from '@vitejs/plugin-vue';import { resolve } from 'path';// https://vitejs.dev/config/export default defineConfig({ server: { port: 9090, strictPort: true, // 严格端口 true:如果端口已被使用,则直接退出,而不会再原创 2022-04-20 23:25:47 · 7153 阅读 · 0 评论 -
webpack打包图片base64
chainWebpack: (config) => { config.module.rule('fonts') .use('url-loader') .loader('url-loader') .options({}) .end(); config.module.rule('images') .use('url-loader') .loader('url-loader') .options({}) .原创 2021-12-01 15:28:55 · 693 阅读 · 0 评论 -
webpack入门
首先创建一个文件夹webpack-demo:创建package.json文件:npm init -y创建src目录,新建入口文件,比如叫app.js,里面导入了另一个模块moduleLog.jsapp.js:require('./moduleLog')();document.write('<h1>入口文件index is loaded!</h1>')moduleLog.js:module.exports = () => { docum原创 2021-05-22 19:31:26 · 203 阅读 · 1 评论 -
npm及package.json详解
切换npm源:npm config set registry https://registry.npm.taobao.org# 查看是否注册成功npm config get registry# 显示https://registry.npm.taobao.org/的话就说明注册成功了npm install参数:-S(--save):下载的包加入dependencies 在npm5之后默认参数,不写-S或者--save也会加上 它比较重要,可以帮我们安装包的时候记录版本信息-D(--save-d原创 2021-05-22 14:10:19 · 337 阅读 · 0 评论 -
npm切换淘宝镜像源
npm config set registry https://registry.npm.taobao.org# 查看是否注册成功npm config get registry# 显示https://registry.npm.taobao.org/的话就说明注册成功了原创 2021-05-22 13:24:51 · 260 阅读 · 0 评论