专栏首页web前端记录vuecli3.0和4.0环境下配置sourcemap
原创

vuecli3.0和4.0环境下配置sourcemap

vue cli 3.0下的sourcemap

const IS_PROD = ['production'].includes(process.env.NODE_ENV)
module.exports = {
  // css相关配置
  css: {
    extract: IS_PROD, // 是否使用css分离插件 ExtractTextPlugin
    sourceMap: !IS_PROD, // 开启 CSS source maps
    loaderOptions: {}, // css预设器配置项
  },
  configureWebpack: config => {
    if (!IS_PROD) { // 开发环境配置
      config.devtool = 'source-map'
    }
  }
}

vue cli 4.0下配置 sourcemap

const IS_PROD = ['production'].includes(process.env.NODE_ENV)
module.exports = {
  // css相关配置
  css: {
    extract: IS_PROD, // 是否使用css分离插件 ExtractTextPlugin
    sourceMap: !IS_PROD, // 开启 CSS source maps
    loaderOptions: {}, // css预设器配置项
  },
  productionSourceMap: !IS_PROD, // js
}

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • vue3 转

    2018年08月25日 14:08:31  素燃 阅读数:2600

    双面人
  • Windows下XGBoost和LightGBM环境配置

    环境配置过程是一个很头疼的事情,网上参考资料参差不齐,按照一个教程去执行,总是会出问题,把折腾的过程总结起来,供大家参考。

    gaofc
  • win8下python安装和环境配置

    点击左边的高级系统设置,然后–高级–环境变量,然后添加python的安装路径,比如我是把它安装在G盘里面。

    py3study
  • Linux操作环境下配置MMIX环境

    MMIX用途:高德纳写的《计算机程序设计艺术》,使用 MMIXAL 来编写代码,解释算法。

    Zoctopus
  • IDEA环境下SSM整合------环境配置

    一、做不出详细的概念叙述和文本设计,本文主要以实战步骤为主,少量解释为辅助,下面请大家牢记两幅图:

    瑾诺学长
  • 【PHP】Window7环境下配置PHP7+Apache2.4 环境

    今天第一次接触PHP,配置这个环境也是搞了一个多小时。 买的PHP的这本书,上面的环境配置有些老了,Apache还是2.2的版本配置。 果断抛弃书本,然...

    谙忆
  • ubuntu下java环境配置

    许多linux软件是java语言编写的,它们的运行需要java环境。所以正确的配置java环境很重要。java环境配置分两种方式:

    HUBU生信
  • windows下配置mongodb环境

    官网下载链接 https://www.mongodb.com/download-center?jmp=nav#community

    念念不忘
  • Linux下配置JavaWeb环境

    最近需要一个Linux下的JavaWeb环境,所以写下这篇文章,好记性不如烂笔头嘛,O(∩_∩)O哈哈~。本篇教程用的是Centos7系统,需要安装JDK1.8...

    浩Coding
  • Linux下Java环境配置

    官方地址http://openjdk.java.net/ ,如果需要开发java程序则需要安装jdk Debian, Ubuntu, 安装jdk

    羊羽shine
  • LNMP环境下Nginx配置

    在早期的Linux服务器上,一个服务器只能运行一个网站,也就是只能跑一个域名。但随着技术的发展,一个服务器上可以跑多个域名了,这样可以帮我们节省了成本。其实这里...

    刘銮奕
  • Java - window下环境配置

    官网:https://www.oracle.com/java/technologies/javase-jdk8-downloads.html

    小菠萝测试笔记
  • CentOS下配置SVN环境

    开发环境是Linux,协同开发下,每次测试文件都要传服务器,然后测试的时候需要调试,所以用到了SVN环境,部署之后方便很多,这里记下笔记。

    似水的流年
  • Mac 下配置Tomcat环境

    版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/48...

    Hankkin
  • Cygwin环境下vim配置

    vim是Linux发行版的标配编辑器。为什么还要使用cygwin?因为,不可能所有软件/开发都在linux下进行。许多的开发者还在windows下进行。而要使用...

    程序员小助手
  • React多页面应用2(webpack4 处理CSS及图片,引入postCSS,及图片处理等)

    本教程总共9篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React多页面应用1(webpack4 开发环境搭建...

    前端人人
  • SourceMap知多少:介绍与实践

    说起sourceMap大家肯定都不陌生,随着前端工程化的演进,我们打包出来的代码都是混淆压缩过的,当源代码经过转换后,调试就成了一个问题。在浏览器中调试时,如何...

    Nealyang
  • vue-cli 解决白屏、兼容、压缩及清除console

    描述 npm run build打包后,生成 dist文件夹。从该文件夹打开 dist/index.html页面,发现页面空白,且控制台报错。原因是路径配置有问...

    流眸
  • Mac环境下配置Tomcat+Eclipse

    首先在 Tomcat官方网站 找到自己合适的版本,下载 tar.gz 版本的,下载完成后解压缩到一个目录,进入这个目录下的 bin 执行 startup.sh,...

    大江小浪

扫码关注云+社区

领取腾讯云代金券