問題描述

在學習vue-cli的過程中，看見別人用vue-cli與后端框架集成的config/index.js的配置如下

// see http://vuejs-templates.github.io/webpack for documentation.var path = require(’path’)module.exports = { build: { env: require(’./prod.env’), index: path.resolve(__dirname, ’../dist/index.html’), assetsRoot: path.resolve(__dirname, ’../dist’), assetsSubDirectory: ’static’, assetsPublicPath: ’/’, 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 productionGzip: false, 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 }, dev: { env: require(’./dev.env’), port: 8080, autoOpenBrowser: true, assetsSubDirectory: ’static’, assetsPublicPath: ’/’, 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: false }

我不懂的是為什么兩種環境build環境有assetsRoot而dev環境沒有，另外就是dev并沒有打包生成壓縮文件為什么也要提供assetsSubDirectory和assetsPublicPath。新手求輕噴

問題解答

貌似有點知道了。。。