在vue根目录下创建vue.config.js文件-程序员宅基地

技术标签: 技术  vue  vue.js  

**

在vue根目录下创建vue.config.js文件

**

const path = require('path')

module.exports = {  
  // 部署应用包时的基本 URL,用法和 webpack 本身的 output.publicPath 一致
  publicPath: './',  
  // 输出文件目录
  outputDir: 'dist',  
  // eslint-loader 是否在保存的时候检查
  lintOnSave: true,  
  // 是否使用包含运行时编译器的 Vue 构建版本
  runtimeCompiler: false,  
  // 生产环境是否生成 sourceMap 文件
  productionSourceMap: false,  
  // 生成的 HTML 中的 <link rel="stylesheet"> 和 <script> 标签上启用 Subresource Integrity (SRI)
  integrity: false,  
  // webpack相关配置
  chainWebpack: (config) => {
    config.resolve.alias
      .set('vue$', 'vue/dist/vue.esm.js')
      .set('@', path.resolve(__dirname, './src'))
  },
  configureWebpack: (config) => {    
  if (process.env.NODE_ENV === 'production') {      
      // 生产环境
      config.mode = 'production'
    } else {      
      // 开发环境
      config.mode = 'development'
    }
  },  
  // css相关配置
  css: {    
    // 是否分离css(插件ExtractTextPlugin)
    extract: true,    
    // 是否开启 CSS source maps
    sourceMap: false,   
    // css预设器配置项
    loaderOptions: {},    
    // 是否启用 CSS modules for all css / pre-processor files.
    modules: false
  },  
  // 是否使用 thread-loader
  parallel: require('os').cpus().length > 1, 
  // PWA 插件相关配置
  pwa: {}, 
  // webpack-dev-server 相关配置
  devServer: {
    open: true,
    host: 'localhost',
    port: 8080,
    https: false,
    hotOnly: false,   
    // http 代理配置
    proxy: {      
      '/api': {
        target: 'http://127.0.0.1:3000/api',
        changeOrigin: true,
        pathRewrite: {          
            '^/api': ''
        }
      }
    },
    before: (app) => {}
  }, 
  // 第三方插件配置
  pluginOptions: {

  }
}
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_38897313/article/details/104610999

智能推荐

【方案设计开发】食物温度计pcba-程序员宅基地

文章浏览阅读381次,点赞4次,收藏9次。食物温度计,在食物烹饪时,温度和时间至关重要,所以食物温度计孕育而生,当用户使用时只需将食物温度计的探头插入食物中,即刻能得到当前食物温度数据,不必用经验判断。温度校准:进入零度校准(在温度正负2度的温度范围内进入校准模式),进入校准后,C/F按键加,HOLD/CAL按键减(单位为0.1°),长按连续加减,最高可调正2度,最低可调负2度无操作10秒自动返回测温状态。测温精度:-50℃到-21℃±3℃、-20℃到-150℃±1℃、151℃到200℃±2℃、201℃到250℃±3℃、251℃到300℃±5℃。

八、树莓派LNMP安装nextcloud云盘详细教程_树莓派 nextcloud 读取硬盘-程序员宅基地

文章浏览阅读3k次。八、树莓派安装nextcloud,部署自己的云盘使用树莓派部署一个自己的云盘,来完成一些手机,电脑间的文件操作,同时,摒弃百度云盘的限速。由于是树莓派,不推荐LAMP方式,这里我们用LNMP方式。基于LNMP安装。先安装Nginx,php-fpm,MySQL。这些安装都比较简单,mysql对应是mariadb-server。直接sudo apt-get install 就好。我前面的文章..._树莓派 nextcloud 读取硬盘

C#中的DataGridView中添加按钮并操作数据_datagridview添加按钮-程序员宅基地

文章浏览阅读1.7w次,点赞25次,收藏59次。C#中的DataGridView中添加按钮并操作数据_datagridview添加按钮

axis idea 设置apache_Axis2创建WebService实例 --- 接口发布-程序员宅基地

文章浏览阅读751次。最近项目需要使用Axis2方式对外提供接口,项目是maven,在网上费尽心思的找了好久,相关maven axis2 项目搭建的文章都是前篇一律,最重要的是没有一个文章测试成功,不吐槽了,赶紧来一起来看看怎么使用Axis2创建WebService实例开发环境JDK1.8Maven 3.6IDEA准备工作将axis2-1.7.7-war.zip文件解压,解压其中axis2.war,其目录如下image..._apache axis 例子

NLP模型笔记 — 独热编码_nlp中独热编码调用-程序员宅基地

文章浏览阅读608次。NLP模型笔记 — 独热编码 [总结]P.S._nlp中独热编码调用

给Hexo博客添加文章编辑链接_hexo admin添加链接-程序员宅基地

文章浏览阅读843次,点赞25次,收藏20次。用了hexo这个博客之后,好用固然好用,问题就是有时候我在看我博客的时候突然发现有个问题,然后就想要修改,于是乎就要打开github然后一个目录一个目录的点进去,发现效率太低。,Facebook家的东西,用来搞课程笔记很方便,里面有个功能就是:每篇文章的末尾都有一个编辑的URL,可以点一下就跳转到对应的Github,非常方便。的主题里面的文档,发现没有这个需求,给Github的开发组提需求,开发组认为这个可以用注入的方法实现。文件目录的格式,和网站博客文章的URL的格式一样,否则就不可以。_hexo admin添加链接

随便推点

如何看懂congestion map-程序员宅基地

文章浏览阅读2.1k次,点赞6次,收藏22次。最近有一些同学问congestion map怎么看。这里详细介绍一下。congestion map可以非常直观的看到,绕线有问题的区域。另外congestion map对于及早发现flo..._congestion map

动态SLAM论文(3) — Detect-SLAM: Making Object Detection and SLAM Mutually Beneficial-程序员宅基地

文章浏览阅读1.1k次。近年来,在SLAM和目标检测方面取得了显著进展,但仍存在一系列挑战,例如在动态环境中进行SLAM和在复杂环境中检测目标。为了解决这些挑战,我们提出了一种新颖的机器人视觉系统,将SLAM与基于深度神经网络的目标检测器集成在一起,使这两个功能相互受益。所提出的系统能够在未知和动态环境中可靠高效地完成任务。实验结果表明,与最先进的机器人视觉系统相比,所提出的系统具有三个优点:_detect-slam

软件定义存储(SDS)的定义、分类及VMware VSAN剖析-程序员宅基地

文章浏览阅读320次。目前市场上都有哪些软件定义存储的产品?为什么会被认为是软件定义存储?跟软件定义存储相关的这些词汇还有什么?市场上有很多和软件定义存储相关的词汇,还有包括产品,那么它们之间到底是一个什么样的关系呢?在软件定义存储这个概念词汇出现之前,实际上最早出现的是软件定义网络。就是大家听到的SDN,后来大概是在2012年还是2013年的时候,出现了软件定义数据中心..._软件定义存储 vsan

#51CTO学院四周年# 学IT技术哪家强-程序员宅基地

文章浏览阅读151次。我要去蓝翔学挖掘机、新东方学厨师、51CTO学计算机,未来用电脑控制挖掘机炒菜! 2015-3-29日,是我与51CTO初识的日子。那时候,毕业一年,工资5K,正在深圳这样的大环境下夹缝求生。想加工资,想跳槽,可是拿不出实力,不敢轻易尝试,每天打着游戏发泄着心中的苦闷。当时,测试行业比较崇尚LR性能测试,抱着追风学习的心态百度了LR,欲下载来消磨无聊的时间,那时身为小白的..._51cto csdn 哪个平台学习好

构造IOCTL命令的学习心得-----_IO, _IOR, _IOW, _IOWR 幻数的理解_ioctl如何规避系统使用的幻数-程序员宅基地

文章浏览阅读1k次。为什么要用_IO, _IOR, _IOW,_IOWR宏呢,直接自己定义不行吗?答:对于系统支持设备的ioctl号,你可以在/usr/include下面的头文件中找到,对于你自己的设备,如果需要使用ioctl接口,则需要定义自己的ioctl号。以前的2.4中有个问题是,大家都随便定义自己的ioctl号,造成很大可能性的重复性。一个坏处是难以管理,另外一个是容易造成错误,例如如果用户本来希望打开一_ioctl如何规避系统使用的幻数

OC中如何调试野指针异常(EXC_BAD_ACCESS(code = ....))_oc exc bad access-程序员宅基地

文章浏览阅读6.2k次。一哥们儿(__weak_Point)把自己在百度的面试题贴到了网上 面试题在百度面试题第八题 ,刚好当初我师傅面试我的时候也问到了这个问题。(当时没回答上来,最近又看到这个问题,就问了师傅)相信很多的人在工作和学习中都会遇到这个问题 图中的代码如下,注意代码是再非ARC中运行的//注意,这些代码是在非ARC下运行的。 - (void)viewDidLoad { [super v_oc exc bad access

推荐文章

热门文章

相关标签