在vue.config.js中配置uglifyjs-webpack-plugin压缩代码

如果vue项目打完包，js文件夹里面只有一个app.js的话，就会在首页加载所有的js代码。如果需要分包打包的话，可以执行以下代码，这样的话每个页面就只会加载对应的js文件，减少首页的负担

1.安装代码压缩插件

 npm install uglifyjs-webpack-plugin --save-dev

2.在vue.config.js中配置

configureWebpack: (config) => {//  引入uglifyjs-webpack-pluginlet UglifyPlugin = require('uglifyjs-webpack-plugin');if (process.env.NODE_ENV == 'production') {// 为生产环境修改配置config.mode = 'production'// 将每个依赖包打包成单独的js文件let optimization = {minimizer: [new UglifyPlugin({uglifyOptions: {warnings: false,compress: {drop_console: true, drop_debugger: false,pure_funcs: ['console.log'] }}})]}Object.assign(config, {optimization})} else {// 为开发环境修改配置config.mode = 'development'}}

在vue.config.js中配置uglifyjs-webpack-plugin压缩代码相关推荐

(三)01 -Vue项目打包发布移动App——vue.config.js中配置相对路径publicPath为空字符串在public中添加HBuilderX的打包配置文件manifest.json
Vue 项目打包发布移动 App--npm run build打包 & vue.config.js文件中配置相对路径publicPath为空字符串 & 在 public中添加HBuil ...
Vue-cli中 vue.config.js 的配置详解
1. Vue-cli2 升级到 Vue-cli3+ 1.1 卸载旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli. 如果你已经全局安装了旧版本的 vue-cli (1.x ...
在vue.config.js下配置别名alias
在vue.config.js下配置别名alias module.exports = {configureWebpack: {resolve: {alias: {'assets': '@/assets' ...
vue.config.js中lintOnSave配置
在vue.config.js文件中配置了lintOnSave属性作用:设置是否在开发环境下每次保存代码时都启用 eslint验证. value: false:关闭每次保存都进行检测 true:开启每 ...
vue.config.js ：配置webpack（文件传输大小受限）The following asset(s) exceed the recommended size limit (244 KiB)
asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impac ...
vue.config.js代理配置失效如何解决
按照网上的方法配置vue.config.js不生效,但是写在webpack.config.js中的proxyTable里就可以生效,有大神知道为什么吗? 配置如下: module.exports = ...
java配置接口提供给vue,vue在js中配置全局API接口
在src文件夹中新建util文件夹,然后在新建一个globalAPI.js文件. 在js中配置后端的接口数据 const http = 'http://127.0.0.1:8989' const gl ...
vue.config.js 基本配置
const path = require('path') const debug = process.env.NODE_ENV !== 'production'module.exports = {// ...
vue.config.js中public是什么意思？
默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上,例如 https://www.my-app.com/.如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径.例如,如果 ...

在vue.config.js中配置uglifyjs-webpack-plugin压缩代码

1.安装代码压缩插件

2.在vue.config.js中配置

在vue.config.js中配置uglifyjs-webpack-plugin压缩代码相关推荐

最新文章

热门文章