vue的打包步骤

想要做这个vue的打包啊，首先，咱们找到config中的index.js，然后修改这，从根路径改为相对路径，否则出现不了页面，出现的是一页空白

build: {

    // Template for index.html

    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths

    assetsRoot: path.resolve(__dirname, '../dist'),

    assetsSubDirectory: 'static',

    assetsPublicPath: './',    （要把这个 / 改成 ./）

然后呢，我们要在build中找到utils.js，在他中间添加这一行代码，否则会显示不出图片

if (options.extract) {

      return ExtractTextPlugin.extract({

        use: loaders,

        fallback: 'vue-style-loader',

        publicPath:'../../'

      })

    } else {

      return ['vue-style-loader'].concat(loaders)

    }

  }

然后在你的终端运行npm run build

当运行完成后，你会发现在你的根目录出现了一个dist文件

右击———在资源管理器中显示，打开此文件夹，运行html文件，在浏览器中显示页面。

（此文章由自己总结和借鉴他人，如有雷同，请见谅）