vue 打包上架注意事项

1、打包路径不对
config下面的index.js文件


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

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

2、打包出现,图标显示小方块

解决方案:更改 build/utils.js 文件中 ExtractTextPlugin 插件的options 配置:
添加 publicPath: ‘…/…/’

if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    publicPath: '../../', //添加
    fallback: 'vue-style-loader'
  })
} else {
  return ['vue-style-loader'].concat(loaders)
}

版权声明:本文为OldStreet61原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。