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

需求说明

当项目打包完成后，产生的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'
 })

保存，重新打包即可。