webpack
文章平均质量分 54
唐长老521
工作6年,专注于互联网web前端技术难题以及工作经验分享。
展开
-
vue-cli4配置打包图片跟之前同目录,vue-cli3应该也可以使用
vue-cli4,vue-cli3打包后图片目录使用原先目录原创 2022-06-10 17:34:33 · 858 阅读 · 0 评论 -
vue项目编译、运行过慢如何提升编译(编译包括运行编译与打包编译)速度
要说优化提升编译速度之前,我先给大家说一个能够列出输出、loader和plugins的耗时的插件,耗时过长将会使用黄色和红色显示。speed-measure-webpack-plugin这个插件我们在具体的项目中如何配置呢?下面请来看看我的配置,这个插件webpack4以上才出。首先我们来安装:cnpm install hard-source-webpack-plugin --save//然后我们在vue.config.js中配置const SpeedMeasurePlugin = requi原创 2022-04-28 10:47:17 · 12686 阅读 · 1 评论 -
引入同一个模块下的多个文件不需要重复import,vue和react同理
同一个目录下多个都需要引入不需要重复引入用一个webpack的api一行代码就可以实现通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模块分析require.contextrequire.context函数接受三个参数directory {String} -读取文件的路径useSubdirect.原创 2022-03-21 21:20:13 · 593 阅读 · 0 评论 -
prefetch、preload和路由懒加载的处理,vue项目打包webpack优化
webpack的prefetch跟preload配置原创 2022-03-18 14:34:31 · 2078 阅读 · 0 评论 -
webpack4.x+html+js+jq打包
webpack4.x+html+js+jq打包如下是package.json{ "name": "axin", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "start": "webpack-dev-server --progress", "qa": "cross-env NODE_ENV=development webpack --progress --config原创 2021-07-07 09:48:19 · 267 阅读 · 0 评论