vue.config.js 配置

// 去除 console
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
// const path = require('path');  别名配置
// 图形化打包详情
const BundleAnalyzer = require('webpack-bundle-analyzer').BundleAnalyzerPluginmodule.exports = {publicPath: process.env.NODE_ENV === 'production'? '/hgs': './',// 部署应用包时的基本 URL, 用法和 webpack 本身的 output.publicPath 一致。// 这个值也可以被设置为空字符串 ('') 或是相对路径 ('./')// 这样所有的资源都会被链接为相对路径,这样打出来的包可以被部署在任意路径。// 打包输出的的文件夹(默认就是 dist)outputDir: 'dist',// 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录assetsDir: 'static',// 指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径indexPath: 'index.html',// 生产环境是否生成 sourceMap 文件productionSourceMap: false,// 每次保存时 lint (校验) 代码 (boolean | 'warning' | 'default' | 'error')lintOnSave: false,// 生产构建时禁用// lintOnSave: process.env.NODE_ENV !== 'production',// webpack-dev-server 相关配置devServer: {/* 自动打开浏览器 */open: false,// host: "",port: 9527,/* 跨域处理:使用代理 */proxy: {// '/api':{ [process.env.VUE_APP_BASE_API]: {// 目标 ip target: 'http://192.168.1.185:9300',// 允许跨域 changeOrigin: true,pathRewrite: {// "^/api":"", ['^' + process.env.VUE_APP_BASE_API]: ''}}}}// webpack配置// see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.mdchainWebpack: config => {// 删除懒加载模块的 prefetch,降低带宽压力config.plugins.delete('prefetch'),// 压缩图片const imagesRule = config.module.rule('images')imagesRule.uses.clear()imagesRule.use('file-loader').loader('url-loader').options({// 最大 10 MBlimit: 10240,fallback: {loader: 'file-loader',options: {// 打包后的图片路径outputPath: 'static/images'}}})// 压缩响应的app.json返回的代码压缩config.optimization.minimize(true)},// configureWebpack: (config) => {  // config.resolve.alias.set("@": resolve('./src'))configureWebpack: {resolve: {//文件优先解析后缀名顺序extensions: [".js", ".vue", ".json"], // 别名配置alias: {'@': resolve('src')// "@": path.resolve(__dirname, "./src"),}, // 自动解析确定的扩展。默认值为['.wasm', '.mjs', '.js', '.json'] // 引入模块时可不带扩展: 如import File from '../path/to/file';extensions: ['.js','.vue','.json'],},// 防止将(在 public/index.html 通过 cdn 引入的)某些 import 的包(package)// 打包到 bundle 中而是在运行时(runtime)再去从外部获取这些扩展依赖// 引入的时候还是 import AMap from 'AMap'externals: {'AMap': 'AMap','AMapUI': 'AMapUI'}// 取消console打印// vue3 config.optimization.minimizer[0].options.terserOptions.compress.drop_console = trueif (process.env.NODE_ENV === 'production') {// webpack4.xoptimization: {minimizer: [new UglifyJsPlugin({uglifyOptions: {// 删除注释output:{comments:false},// 删除console debugger 删除警告compress: {warnings: false,drop_console: true,//consoledrop_debugger: false,pure_funcs: ['console.log']//移除console}}})]}}},// csscss: {// 是否将组件中的 CSS 提取至一个独立的 CSS 文件中(默认生产环境下是 true,开发环境下是 false)extract: true,sourceMap: false,loaderOptions: {// 定义全局 scss 无需引入即可使用sass: {// 注意:在 sass-loader v8 中,这个选项名是 "prependData"// additionalData: `@import "~@/assets/style/public.scss"`data: `@import '~@/assets/style/public.scss'`}}},}

官方文档:https://cli.vuejs.org/zh/config/#vue-config-js

参考文档:https://webpack.docschina.org/configuration/

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/354263.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

mysql主从维护_mysql主从日常管理维护

mysql主从日常管理维护1)查看从服务器状态为了防止复制过程中出现故障从而导致复制进程停止,我们需要经常检查从服务器的复制状态。一般使用show slave status命令来检查。例如:mysql> show slave status \G;*************************** 1. row ****…

JLBH示例2 –协调遗漏的会计处理

在这篇文章中: 在运行JLBH时考虑或不考虑协调遗漏 一个示例,以数字说明协同遗漏的效果 关于流量控制的讨论 这是我用来描述如果不考虑协调遗漏而进行测量的情况下的示例: 假设您正在等待火车,但由于前面的火车晚了&#xff0…

基于windows平台的命令行软件安装工具Chocolatey的安装

本文介绍Chocolatey的安装和使用 Chocolatey 这是基于.NET Framework 4以上的windows安装软件的命令行工具安装 第一步,打开你的powershell.exe,使用管理员方式运行 第二步,运行命令 Get-ExecutionPolicy如果返回 Restricted ,那么…

vue项目 乐橙云 轻应用直播SDK imouplayer.js

官网案例:https://open.imoulife.com/book/light/sdk.html 文档: https://open.imou.com/developDoc/31 1,下载 对应的资源 https://open.imoulife.com/book/readme/upload.html 2,引入资源 2.1 把下载的资源(static&#xff0c…

windows 开启mysql日志记录_windows下mysql日志开启与查询

修改 my.ini文件加入以下语句(在没有设置的前提下)log-errord:/log/mysql/mysql_log_err.txtlogd:/log/mysql/mysql_log.txt#log-bind:/log/mysql/mysql_log_binlog-slow-queries d:/log/mysql/mysql_log_slow.txt使用以下命令查看是否启用了日志mysql>show variables like …

jmx 复用 jmx_JMX:一些入门说明

jmx 复用 jmxJMX(Java管理扩展)是一种J2SE技术,可以管理和监视Java应用程序。 基本思想是实现一组管理对象,并将实现注册到平台服务器,在平台服务器上,可以使用一组连接器或适配器从本地或远程调用这些实现…

内置函数——filter和map

filter filter()函数接收一个函数 f 和一个list,这个函数 f 的作用是对每个元素进行判断,返回 True或 False , filter()根据判断结果自动过滤掉不符合条件的元素,返回由符合条件元素组成的新list。 它的到的结果是一个迭代器 例…

git 上下载的项目在本地安装依赖时报错 Could not resolve dependency

安装依赖时报错:无法安装依赖 看报错里面的提示:this command with --force, or --legacy-peer-deps –force 会无视冲突,并强制获取远端npm库资源,即使本地有资源也会覆盖掉;–legacy-peer-deps:安装时…

JavaFX技巧23:节省内存! 属性的阴影场

Java 8中引入的属性和属性绑定是非常有用的编程概念。 当您开发用户界面时,它们特别有用。 实际上,它们是如此有用,以至于开发人员成为所有事物都应该是属性而不是原始属性的想法的受害者。 不幸的是,他们很容易忘记,诸…

mysql udb_MySQL InnoDB的一些参数说明

参考:http://addls.com/mysql-innodb-%E4%B9%8B-ibdata1-%E7%98%A6%E8%BA%AB%E5%A4%A7%E6%B3%95.html# 备份数据库:/usr/local/mysql/bin/mysqldump -uDBuser -pPassword –quick –force –routines –add-drop-database –all-databases –add-drop-table > /d…

python_fullstack基础(十一)-常用模块

python常用模块 re模块 一、正则表达式 在线测试工具 http://tool.chinaz.com/regex/ 1、字符组 : [字符组] 在同一个位置可能出现的各种字符组成了一个字符组,在正则表达式中用[]表示 字符分为很多类,比如数字、字母、标点等等。 假如你现在…

npm 安装依赖遇到的问题

npm npm的服务器位于国外可能会影响安装 cnpm 淘宝团队做的国内镜像 // 安装 cnpm npm install cnpm -g --registryhttps://registry.npm.taobao.org // 查看版本 cnpm -v // 查 npm 的源 npm config get registry一、cnpm -v 在 cmd 中能识别,但是 VsCode 无法识别…

使用RichTextBox控件实现系统剪切板功能

复制: 1 private void CopytoolStripMenuItem_Click(object sender, EventArgs e) 2 {//复制 3 try 4 { 5 this.Cursor Cursors.WaitCursor; 6 string strTemp richTextBoxSendInfo.SelectedT…

maven 父maven_Maven的鸟瞰图

maven 父maven我们每天要做的一件事是使用Maven通过发出诸如mvn install之类的构建命令来构建我们的项目。 然后,Maven查看我们项目的配置文件(亲切地称为POM),神奇地找出要执行的操作,并且,嘿,…

vue animation css实现左右折叠面板

<div class"left" :class"boxshow ? a1: a2" id"showBox">这里是折叠面板的内容 </div> <i id"left" class"el-icon-d-arrow-left" click"boxshow !boxshow" :class"boxshow ? a3: a4&quo…

mysql断网_断网的情况上如何访问本机的mysql

断网的情况下怎么访问本机的mysql我发现把网络断掉后mysql就不能访问了。使用phpmyadmin(http://localhost/phpmyadmin/index.php?)访问&#xff0c;输入用户名和密码后点击登陆&#xff0c;就会出现“#2002 Cannot log in to the MySQL server”错误。使用命令行登陆&#xf…

Py IO model

事件驱动模型 上节的问题&#xff1a; 协程&#xff1a;遇到IO操作就切换。 但什么时候切回去呢&#xff1f;怎么确定IO操作完了&#xff1f; 很多程序员可能会考虑使用“线程池”或“连接池”。“线程池”旨在减少创建和销毁线程的频率&#xff0c;其维持一定合理数量的线程&a…

Fiddler 扒取微信小程序的图片

安装 Fiddler http://www.downza.cn/soft/234727.html Tools-options配置 如果无法抓取到PC微信小程序 解决办法&#xff1a; 打开小程序&#xff0c;任务管理器找到小程序所在位置&#xff0c;删除文件内容 一般路径为\Tencent\WeChat\XPlugin\Plugins\WMPFRuntime 删除…

JLBH – Java延迟基准线束介绍

在这篇文章中&#xff1a; 什么是JLBH 我们为什么写JLBH JMH和JLBH之间的区别 快速入门指南 什么是JLBH&#xff1f; JLBH是可用于测量Java程序中的延迟的工具。 它具有以下功能&#xff1a; 旨在运行比微型基准测试更大的代码。 适用于使用异步活动&#xff08;如生产者…

mysql 5.7 mts_mysql5.7 中启用MTS后error log中大量Note日志分析

mysql5.7,启用基于logical_clock的多线程复制,发现error日志增长很快&#xff0c;查看日志发现大量关于多线程复制的Note级别日志。1234567891011121314152018-07-03T03:22:01.63837108:00 8941 [Note] Multi-threaded slave statistics for channel : seconds elapsed 298; e…