资讯专栏INFORMATION COLUMN

vue-cli中配置webpack系列文章四 ------ vue-loader-conf.js

light / 3118人阅读

摘要:配置在文件中的相关处理规则根据所处环境是否生成用于代码调试是否将多带带的文件一般为引入的外部文件进行提取多带带打包

vue-loader-conf.js

  var utils = require("./utils")
  var config = require("../config")
  var isProduction = process.env.NODE_ENV === "production"
  module.exports = {
      // 配置在.vue文件中的css相关处理规则
    loaders: utils.cssLoaders({
      // 根据所处环境是否生成sourceMap用于代码调试
      sourceMap: isProduction
        ? config.build.productionSourceMap
        : config.dev.cssSourceMap,
        // 是否将多带带的css文件(一般为引入的外部文件)进行提取多带带打包
      extract: isProduction
    })
  }

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109651.html

相关文章

  • vue学习系列(二)vue-cli

    摘要:一介绍是官方提供的脚手架,用来快速建立项目。标识项目名称,这个你可以根据自己的项目来起名字。初始化完成之后,进入安装目录,必须先安装项目依赖,否则无法运行。源文件需要注意的是是入口文件,下的是路由文件,文件是组件文件。 一.介绍 vue-cli是官方提供的脚手架,用来快速建立项目。 二.安装 npm install vue-cli -g//全局安装 三.初始化项目 vue init ...

    baishancloud 评论0 收藏0
  • 手摸手,带你封装一个vue component

    摘要:灵活性和针对性。所以我觉得大部分组件还是自己封装来的更为方便和灵活一些。动手开干接下来我们一起手摸手教改造包装一个插件,只要几分钟就可以封装一个专属于你的。 项目地址:vue-countTo配套完整后台demo地址:vue-element-admin系类文章一:手摸手,带你用vue撸后台 系列一(基础篇)系类文章二:手摸手,带你用vue撸后台 系列二(登录权限篇)系类文章三:手摸手,带...

    pkhope 评论0 收藏0
  • 手摸手,带你用vue撸后台 系列一(基础篇)

    摘要:详细具体的使用可以见文章手摸手,带你优雅的使用。为了加速线上镜像构建的速度,我们利用源进行加速并且将一些常见的依赖打入了基础镜像,避免每次都需要重新下载。 完整项目地址:vue-element-admin系类文章二:手摸手,带你用vue撸后台 系列二(登录权限篇)系类文章三:手摸手,带你用vue撸后台 系列三(实战篇)系类文章四:手摸手,带你用vue撸后台 系列四(vueAdmin 一...

    xiaotianyi 评论0 收藏0
  • vue-cli配置webpack系列文章六 ------ webpack.dev.conf.js

    摘要:将热重载的相关配置放入的每一项中,达到每一个文件都可以实现热重载的目的这样中选项就变成了如下调用方法,将基础设置与开发设置进行合并的作用类似于少则添加,同则覆盖在开发环境下生成,便于调试但是官方说的相对路径有一个,所以暂 webpack.dev.conf.js var utils = require(./utils) var webpack = require(webpack)...

    dreamtecher 评论0 收藏0

发表评论

0条评论

light

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<