vue问题二:vue打包时产生的问题

vue项目打包问题:vue中默认的config/index.js的配置的详细理解:

参考文档:https://blog.csdn.net/qq_34611721/article/details/80996947
参考文档: https://www.cnblogs.com/whkl-m/p/6627864.html

1).  分离部署时,打包需要将config/index.js中

//默认在config/index.js
var path = require('path')

module.exports = {
 //打包
  build: {
//打包之后的入口在dist包下的index.html文件
    index: path.resolve(__dirname, 'dist/index.html'),
//打包后所有东西都放dist包下
    assetsRoot: path.resolve(__dirname, 'dist'),
//其他的文件放在dist中的static包下
    assetsSubDirectory: 'static',
//默认assetsPublicPath: '/',更改为 assetsPublicPath: './',
    assetsPublicPath: '/',
    productionSourceMap: true
  },
//运行
  dev: {
    port: 8080,
    proxyTable: {}
  }
}
config/index.js

2).背景图片不显示时:需要在build/utils.js增加

if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
//增加这一句
        publicPath:'../../',
        fallback: 'vue-style-loader'
      })
 }
View Code

 

posted @ 2018-10-23 19:26  M柒七  阅读(589)  评论(0编辑  收藏  举报