vue项目打包时常遇到的一些问题（持续更新）

如果项目一切正常的话，打包的时候是不会报错的，显示为下图

不正常的话，就有各种问题了，以下为自己遇到的一些问题及解决办法

1、静态资源找不到

这个就算是新手打包常见问题了，改动很简单，config—index.js中把/改为./即可，如果不想每次打包都改，可以直接写成三目运算符判断process.env.NODE_ENV === “development” ? ‘/’ : ‘./’，免去每次打包更改的麻烦

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

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',    //---->将此处的/ 改为./，或者直接改成process.env.NODE_ENV === "development" ? '/' : './'

2、font-awesome图标打包之后不见了

如果项目中使用了font-awesome的话，而且还是用npm下载之后引入的这种，打包之后会发现图标都不见了，更改的方法就是
bulid—>webpack conf.base.js中，更改限制文件的大小，至少要比font-awesome文件的大小要大

{
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}

3、部分背景图消失
背景图在打包之后会找不到，解决办法为：build—utils文件中增加一条即可

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