vue-cli 專案 vue-loader.conf.js 檔案程式碼註釋
阿新 • • 發佈:2019-02-03
'use strict' // vue-loader的配置,用在webpack.base.conf.js中; const utils = require('./utils') const config = require('../config') //不同環境為isProduction 賦值: 生產環境為true,開發環境為false const isProduction = process.env.NODE_ENV === 'production' //不同環境為sourceMapEnabled 賦值: 這裡都為true const sourceMapEnabled = isProduction ? config.build.productionSourceMap : config.dev.cssSourceMap //匯出vue-loader的配置,這裡我們用了utils檔案中的cssLoaders() module.exports = { loaders: utils.cssLoaders({ sourceMap: sourceMapEnabled, extract: isProduction }), cssSourceMap: sourceMapEnabled, cacheBusting: config.dev.cacheBusting, //transformToRequire的作用是在模板編譯的過程中,編譯器可以將某些屬性,如src轉換為require呼叫 transformToRequire: { video: ['src', 'poster'], source: 'src', img: 'src', image: 'xlink:href' } }