vue-loader 詳解

vue-loader.conf.js 詳解

//此文件是處理.vue文件的配置文件
'use strict'
//導入utils.js工具
const utils = require('./utils')
//導入config文件夾下的index.js
const config = require('../config')
//判斷是否是生產環境
const isProduction = process.env.NODE_ENV === 'production'
//根據環境來獲取相應的productionSourceMap或者cssSourceMap
const sourceMapEnabled = isProduction?config.build.productionSourceMap:config.dev.cssSourceMap
 
//導出
module.exports = {
    loaders:utils.cssLoaders({
        //是否開始sourceMap 用來調試
        sourceMap:sourceMapEnabled,
        //是否單獨提取抽離css
        extract:isProduction
    }),
     //記錄壓縮的代碼，用來找到源碼位置
    cssSourceMap:sourceMapEnabled,
    //是否緩存破壞
    cacheBusting:config.dev.cacheBusting,
    //transformToRequire的做用是在模塊編譯的過程當中，編譯器能夠將某些屬性，好比src轉換爲require調用
    transformToRequire:{
        video:['src','poster'],
        source:'src',
        img:'src',
        image:'xlink:href'
    }
}

---

原文：https://blog.csdn.net/xiaoxia...