webpack+vue-cil打包出错的几个问题记录

1.打包后找不到路径Failed to load resource: the server responded with a status of 404或者net::ERR_FILE_NOT_FOUND

解决方案:

1.将config文件夹里面的index.js中的assetsPublicPath的值修改 为“./”(注意:里面有2个assetsPublicPath,一个是开发环境的dev,只需要修改build环境的就ok了);

2.在webpack.base.conf.js的output中设置成如下代码,就是在配置build路径前加上

'./'+
 output: {
    path: config.build.assetsRoot,
    filename: '[name].js',
    publicPath: process.env.NODE_ENV === 'production'
      ?'./'+config.build.assetsPublicPath
      :config.dev.assetsPublicPath
  }

注意:不要为1中dev的assetsPublicPath加上.再在2中为dev路径前加./  这样做看似一样,但是亲测会erorr

.3.用到了一些特别的格式如ttf  字体文件之类后读取不到的 一般是路径引用问题

在uitls.js中找到代码 在其中添加publicPath:'../../'  修改成正确路径

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

 


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