vue-cli打包相关笔记

错误一：文件丢失

Failed to load resource: net::ERR_FILE_NOT_FOUND        app.16a9ce322fd2576ad4dc0c4e2f179340.css
Failed to load resource: net::ERR_FILE_NOT_FOUND        manifest.2ae2e69a05c33dfc65f8.js 
Failed to load resource: net::ERR_FILE_NOT_FOUND        vendor.52cdff1b8b2713aa5b5c.js
Failed to load resource: net::ERR_FILE_NOT_FOUND        app.0682779b98685cbabc81.js

方案：修改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: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './'          //主要修改这里
    //...下面代码省略
}

错误二：图片丢失

方案：修改build.js中的utils.js文件

//原文件
function generateLoaders (loader, loaderOptions) {
   //...以上代码省略
    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }
}
//修改后
function generateLoaders (loader, loaderOptions) {
   //...以上代码省略
    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        publicPath:'../../',       //主要修改这里
        fallback: 'vue-style-loader'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }
}