记录一次vue项目之npm run build 打包 发生报错信息 UnhandledPromiseRejectionWarning:CssSyntaxError:

解决方案如下

第一步: build>>webpack.prod.conf.js>>注掉下面OptimizeCSSPlugin

记录一次vue项目之npm run build 打包 发生报错信息 UnhandledPromiseRejectionWarning:CssSyntaxError:_第1张图片

 第二步:如果打包成功后出现资源文件访问不到

修改config>>index.js文件如下图

记录一次vue项目之npm run build 打包 发生报错信息 UnhandledPromiseRejectionWarning:CssSyntaxError:_第2张图片

 

附上源码

  build: {
    index: path.resolve(__dirname, '../dist/index.html'),
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',
    productionSourceMap: true,
    devtool: '#source-map',
    productionGzip: false,
    productionGzipExtensions: ['js', 'css'],
    bundleAnalyzerReport: process.env.npm_config_report
  }

然后修改build>>utils.js的位置添加publicPath: "../../"

publicPath: "../../"

记录一次vue项目之npm run build 打包 发生报错信息 UnhandledPromiseRejectionWarning:CssSyntaxError:_第3张图片

你可能感兴趣的:(前端,javascript,开发语言)