Vue项目打包常见问题整理
发布时间：2020-12-16 23:29:45 所属栏目：百科 来源：网络整理
导读：Vue 项目在开发时运行正常，打包发布后却出现各种报错，这里整理一下遇到的问题，以备忘。 1、js 路径问题 脚手架默认打包的路径为绝对路径，改为相对路径。修改 config/index.js 中 build 节点下 assetsPublicPath，把原来 ‘/’ 改为 ‘./’ assetsPublicP
|
Vue 项目在开发时运行正常，打包发布后却出现各种报错，这里整理一下遇到的问题，以备忘。 1、js 路径问题 脚手架默认打包的路径为绝对路径，改为相对路径。修改 config/index.js 中 build 节点下 assetsPublicPath，把原来 ‘/’ 改为 ‘./’ assetsPublicPath: './'
}
2、img 路径问题 在 build/utils.js 文件中 ExtractTextPlugin extract 节点下，添加一行：publicPath: ‘…/…/’ fallback: 'vue-style-loader' publicPath: '../../'
} ['vue-style-loader' }
3、favicon.ico 问题 ① 在 build/webpack.prod.conf.js 文件中 new HtmlWebpackPlugin 节点下， 添加一行：favicon: config.build.favicon template: 'index.html' })
② 在 config/index.js 文件中 build 节点下，添加一行 ： favicon:path.resolve( __dirname,‘…/src/favicon.ico’ )( PS：favicon.ico 放在 src 目录下) module.exports = favicon:path.resolve(__dirname,'../src/favicon.ico' }
4、IE9+ 兼容性问题 由于 axios 是基于 promise 之上实现的，在 IE 下会有兼容性问题。 ① 安装 babel-polyfill yarn add babel-polyfill
② 修改 build/webpack.base.conf.js 文件中 entry 节点 app: ['babel-polyfill','./src/main.js' }
5、禁止生成 .map 文件 修改 src/config/index.js 中 productionSourceMap 值 productionSourceMap:
（编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |