Vue之webpack打包

第一次打包，還成功了，可能也是運氣問題吧，因為自己在百度的時候發現很多人都打包有問題，現在我就講述下我的打包配置

1、第一步，在build/utils.js中添加：publicPath:"../../", 如下所示：

if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        publicPath:"../../",
        fallback: 'vue-style-loader'
      })
    }

2、第二步，在config/index.js文件中修改下assetsSubDirectory和assetsPublicPath的值，具體如下：

build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: './static', assetsPublicPath: './',

3、在命令行中輸入 npm run build，出現dist目錄，並出現如下日志，則成功

  Build complete.

  Tip: built files are meant to be served over an HTTP server.
  Opening index.html over file:// won't work.

4、運行dist中的index.html，可以訪問，就可以了，說明沒有問題了。