vue-cli vue-loader.conf.js学习

原创于 2020-11-30 14:58:32 发布 · 403 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue

'use strict'
//导入utils.js
const utils = require('./utils')
//导入config/index.js
const config = require('../config')
//判断是否是生产环境
const isProduction = process.env.NODE_ENV === 'production'
//根据环境来判断是否执行sourceMap
const sourceMapEnabled = isProduction
  ? config.build.productionSourceMap
  : config.dev.cssSourceMap

module.exports = {
  loaders: utils.cssLoaders({
    //开启或禁用sourceMap
    sourceMap: sourceMapEnabled,
    //是否单独提取抽离css
    extract: isProduction
  }),
  //记录压缩的代码，用来找到源码位置
  cssSourceMap: sourceMapEnabled,
  //是否缓存破解，给文件名添加hash值
  cacheBusting: config.dev.cacheBusting,
  /*在模板编译过程中，编译器可以将某些属性，
  *如src路径，转换为require调用，以便目标资源可以有webpack处理
  */
  transformToRequire: {
    video: ['src', 'poster'],
    source: 'src',
    img: 'src',
    image: 'xlink:href'
  }
}