// see http://vuejs-templates.github.io/webpack for documentation.
var path = require(‘path‘)

module.exports = {
// 構建產品時使用的配置
build: {
// webpack的編譯環境
env: require(‘./prod.env‘),
// 編譯輸入的index.html文件
index: path.resolve(__dirname, ‘../dist/index.html‘),
// webpack輸出的目標文件夾路徑
assetsRoot: path.resolve(__dirname, ‘../dist‘),
// webpack編譯輸出的二級文件夾

assetsSubDirectory: ‘static‘,
// webpack編譯輸出的發布路徑
assetsPublicPath: ‘/‘,
// 使用SourceMap
productionSourceMap: true,
// Gzip off by default as many popular static hosts such as
// Surge or Netlify already gzip all static assets for you.
// Before setting to `true`, make sure to:
// npm install --save-dev compression-webpack-plugin
// 默認不打開開啟gzip模式

productionGzip: false,
// gzip模式下需要壓縮的文件的擴展名
productionGzipExtensions: [‘js‘, ‘css‘],
// Run the build command with an extra argument to
// View the bundle analyzer report after build finishes:
// `npm run build --report`
// Set to `true` or `false` to always turn it on or off
bundleAnalyzerReport: process.env.npm_config_report
},
// 開發過程中使用的配置

// webpack的編譯環境
env: require(‘./dev.env‘),
// dev-server監聽的端口
port: 8080,
// 啟動dev-server之後自動打開瀏覽器
autoOpenBrowser: true,
// webpack編譯輸出的二級文件夾
assetsSubDirectory: ‘static‘,
// webpack編譯輸出的發布路徑
assetsPublicPath: ‘/‘,
// 請求代理表，在這裏可以配置特定的請求代理到對應的API接口
// 例如將‘/api/xxx‘代理到‘www.example.com/api/xxx‘

proxyTable: {},
// CSS Sourcemaps off by default because relative paths are "buggy"
// with this option, according to the CSS-Loader README
// (https://github.com/webpack/css-loader#sourcemaps)
// In our experience, they generally work as expected,
// just be aware of this issue when enabling this option.
// 是否開啟 cssSourceMap
cssSourceMap: false
}
}

config/index.js