build 文件夹中的 vue-loader.conf.js
1 //处理.vue文件的配置文件 2 'use strict' 3 const utils = require('./utils') 4 const config = require('../config') 5 const path = require('path') 6 const isProduction = process.env.NODE_ENV === 'production' // 判断是不是生产环境 7 8 // 根据环境来获取相应的productionSourceMap或者cssSourceMap 9 const sourceMapEnabled = isProduction ? 10 config.build.productionSourceMap : 11 config.dev.cssSourceMap 12 13 // 导出 14 module.exports = { 15 loaders: utils.cssLoaders({ 16 sourceMap: sourceMapEnabled, // 是否开始sourceMap 用来调试 17 extract: isProduction // 是否单独提取抽离css 18 }), 19 cssSourceMap: sourceMapEnabled, // 记录压缩的代码,用来找到源码位置 20 cacheBusting: config.dev.cacheBusting, // 是否缓存破坏 21 // 在模块编译的过程中,编译器可以将某些属性,比如src转换为require调用 22 transformToRequire: { 23 video: ['src', 'poster'], 24 source: 'src', 25 img: 'src', 26 image: 'xlink:href' 27 }, 28 // 高速缓存目录 29 cacheDirectory: path.resolve(__dirname, '../node_modules/.cache/vue-loader'), 30 // 检查以下 loaders 在磁盘上的结果 31 cacheIdentifier: 'cache-loader:{version} {process.env.NODE_ENV}' 32 }