vue.js使用vue-cli打包遇到的坑,问题

1.打包的路径

config文件夹-index.js中的assetsPublicPath: './'要改为当前目录而不是'/'根目录

build: {env: require('./prod.env'),index: path.resolve(__dirname,'../dist/index.html'),assetsRoot: path.resolve(__dirname,'../dist'),assetsSubDirectory:'static',assetsPublicPath:'./',productionSourceMap:true,

2.模式要去掉,不能使用html5的Historty模式

constrouter =newVueRouter({// mode: 'history',//打包项目要把mode: history注释掉routes// (缩写)相当于 routes: routes})

3.引入字体图标,比如font-awesome的图标路径出错, 在webpack.base.conf.js里面修改limit要改大,把10000改为90000

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

原文链接
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容