随笔分类 - webpack构建工具
摘要：项目使用的是vue框架，在build项目的时候报错： building for production...D:\soft\toolpackage\build\build.js:18 if (err) throw err Error: EPERM: operation not permitted, u
阅读全文
摘要：本文主要记录如何配置vue的打包文件配置项，使打包后的文件可以支持二级域名的访问。 1、常规打包 在实际的项目中，我们通常都使用 npm run build 直接打包文件后丢到服务器上访问打包后的文件目录是这样的： 访问的静态资源都是地址是这样的： 我们现在要放在服务器的二级域名下访问地址，那么访问
阅读全文
摘要：参考方案一作为一个兼职前端和运维的java程序员，今天我司测试人员提出了一个需求，当后台服务地址ip地址改变后，webpack打包的VUE项目得更改地址重新打包，太麻烦了，最好可以读取外部配置文件的域名，灵活部署。 这不是在刁难我胖虎吗，后来我在网上查资料，发现有解决思路，具体详细的解决方案没有，在
阅读全文
摘要：assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: '/', assetsRoot 资源根路径 项目打包后存放的路径 即项目目录下的dist文件 assetsS
阅读全文
摘要：出现打包后icon图标变成小方块的原因只有两个 一。element-ui版本和element-ui/lib/theme-chalk/index.css版本不一致。 解决办法： 卸载已经有的element-ui npm uninstall element-ui 然后在安装新的 npm install
阅读全文
摘要：Webpack里面有三种hash，分别是：hash, chunkhash, contenthash.在我们尝试去区分他们仨之前，先来看看为什么我们需要hash。 一：为什么我们需要hash？ 大家都知道我们的浏览器会缓存我们的文件。缓存是把双刃剑，好处是浏览器读取缓存的文件，能带来更佳的用户体验（不
阅读全文
摘要：1. 浏览器禁止缓存 <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache, must-revalidate"> <meta http-equiv="expir
阅读全文
摘要：1.terser-webpack-plugin js压缩插件，当其他js压缩插件没用时可以考虑 https://www.npmjs.com/package/terser-webpack-plugin https://github.com/webpack-contrib/terser-webpack-
阅读全文
摘要：问题说明： 首先，npm run build失败的原因大部分都是因为webpack的子库和webpack的版本号不对应的问题
阅读全文
摘要：带表达式的 require 语句如果 require参数含有表达式(expressions)，会创建一个上下文(context)，因为在编译时(compile time)并不清楚具体是哪一个模块被导入 require("./template/" + name + ".ejs");1webpack 解
阅读全文
摘要：友链：Webpack 打包优化之速度篇 vue-cli+webpack优化首页加载速度慢的问题 前言 由于项目越来越大，打包的时间越来越长，这里我统计了一下打包所需时间： 优化之前打包的时间31s 优化项目一：提高打包编译的时间 1.增强代码代码压缩工具 Webpack 默认提供的 UglifyJS
阅读全文
摘要：在package.json中有如下设置： "scripts": { "dev": "node build/dev-server.js", "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js"
阅读全文
摘要：转：https://blog.csdn.net/robin_star_/article/details/83856363 前言：很好的打包优化的帖子，还没来的急去实测验证 1. 去掉 console 打印及 debug 信息，加快运行速度修改 /build/webpack.prod.conf.js
阅读全文
摘要：转：https://blog.csdn.net/xinzi11243094/article/details/80521878 方法一：亲测真的有效 在项目开发中，我们的项目一般分为开发版、测试版、Pre版、Prod版。Vue-cli的默认环境一只有dev和prod两个，之前每次要发布测试版或Pre版
阅读全文
摘要：webpack打包 我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，比如： --save-dev --save 在 package.json 文件里面提现出来的区别就是，使用 --save-dev 安装的 插件，被写入到 devD
阅读全文
摘要：package.json必须是json格式 { "name": "163", "version": "1.0.0", "description": "A Vue.js project", "private": true, "dependencies": { "express": "^4.16.2",
阅读全文
