build 文件夹中的 vue-loader.conf.js

 

//处理.vue文件的配置文件
'use strict'
const utils = require('./utils')
const config = require('../config')
const path = require('path')
const isProduction = process.env.NODE_ENV === 'production' // 判断是不是生产环境

// 根据环境来获取相应的productionSourceMap或者cssSourceMap
const sourceMapEnabled = isProduction ?
  config.build.productionSourceMap :
  config.dev.cssSourceMap

// 导出
module.exports = {
  loaders: utils.cssLoaders({
    sourceMap: sourceMapEnabled, // 是否开始sourceMap 用来调试
    extract: isProduction // 是否单独提取抽离css
  }),
  cssSourceMap: sourceMapEnabled, // 记录压缩的代码，用来找到源码位置
  cacheBusting: config.dev.cacheBusting, // 是否缓存破坏
  // 在模块编译的过程中，编译器可以将某些属性，比如src转换为require调用
  transformToRequire: {
    video: ['src', 'poster'],
    source: 'src',
    img: 'src',
    image: 'xlink:href'
  },
  // 高速缓存目录
  cacheDirectory: path.resolve(__dirname, '../node_modules/.cache/vue-loader'),
  // 检查以下 loaders 在磁盘上的结果
  cacheIdentifier: 'cache-loader:{version} {process.env.NODE_ENV}'
}