修改vue+webpack run build的路径

vue项目用webpack打包想要修改静态资源路径等,找到项目根目录下的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.index：必须是本地文件系统上的绝对路径。会生成index.html文件。

build.assetsRoot：必须是本地文件系统上的绝对路径。

build.assetsSubDirectory：编译出来的资源文件。

build.assetsPublicPath：【资源的根目录】，这是通过http服务器运行的url路径。默认情况下，是根目录(/)。如果后台对静态资源url前缀要求，则需要改变这个路径。

build.productionSourceMap：在构建生产环境版本时是否开启source map。