vue项目发布后文件未生效

原创已于 2023-08-07 10:12:48 修改 · 6.2k 阅读

5 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue

收录于

于 2021-05-22 01:01:53 首次发布

前端专栏收录该内容

23 篇文章

订阅专栏

针对Vue项目中修改源代码未生效的问题，可以在build/webpack.prod.conf.js文件内添加时间戳，确保每次生成新的文件。若非源代码文件未更新，可使用clean-webpack-plugin稳定版进行清理。安装插件后，在webpack配置文件引入并添加到plugins中，以清除指定输出目录下的文件。

修改的项目源代码没有生效（vue，js，css）

解决方案：在build文件夹下webpack.prod.conf.js文件中生成一个时间戳，在输出文件后面加上时间戳，使每次生成最新的文件

在这里插入图片描述

如果还存在有文件（非源代码）没有更新

解决方案：使用clean-webpack-plugin (注意使用稳定版本)
作用：将指定的出口文件夹下的文件全部删除

1.npm install -D clean-webpack-plugin@3.0.0
2.在build文件夹下webpack.prod.conf.js文件中引入：
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
3.在plugins中：
new CleanWebpackPlugin(),