美文网首页
[javascript] Vue-element项目中支持fli

[javascript] Vue-element项目中支持fli

作者: IT小孢子 | 来源:发表于2017-10-14 10:27 被阅读0次

需求说明

当项目打包完成后,产生的static文件夹和index.html,假设我们想直接双击index.html通过flie协议运行在浏览器时,我们会发现页面引用的资源全部都会错误,这是由于资源路径引起的。我们来修改一下打包配置

修改位置

1.config/index.js

image.png

assetsPublicPath: '/',

改成

assetsPublicPath: './',

2.build/utils.js

image.png

return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader'
 })

改成

return ExtractTextPlugin.extract({
        publicPath:'../../',
        use: loaders,
        fallback: 'vue-style-loader'
 })

保存,重新打包即可。

相关文章

网友评论

      本文标题:[javascript] Vue-element项目中支持fli

      本文链接:https://www.haomeiwen.com/subject/ocdxuxtx.html