vue打包发布到服务器注意事项

1.utils.js

  //防止CSS中图片引入路径报错
    if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    fallback: 'vue-style-loader',
    publicPath:'../../'
  })
} else {
  return ['vue-style-loader'].concat(loaders)
}
//生产环境时进行CSS压缩
const cssLoader = {
    loader: 'css-loader',
    options: {
        minimize: process.env.NODE_ENV === 'production',
        sourceMap: options.sourceMap
    }
}

2.webpack.base.conf.js

//引入别名，方便其他地方调用时使用
resolve: {
  extensions: ['.js', '.vue', '.json'],
  alias: {
    'vue$': 'vue/dist/vue.esm.js',
    'images': resolve('src/assets/images'),
    '@': resolve('src'),
  }
}

3.config/index.js

//处理映射js  css错误问题
assetsPublicPath: './'

个人学习，方便回忆！