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 }

 

posted @ 2020-12-02 16:33  思猿客  阅读(670)  评论(0编辑  收藏  举报