1.(白屏)设置相对路径
在config文件夹index.js文件夹中build对象中的assetsPublicPath属性,
将此属性值修改为'./',即在原来的基础上添加一个点(.)
assetsPublicPath: '/'
assetsPublicPath: './'
2.(背景图)解决打包后背景图片出不来的问题
在build文件夹下找到utils.js里的ExtractTextPlugin添加上:publicPath:'../../'
return ExtractTextPlugin.extract({
use: loaders,
publicPath:'../../',
fallback: 'vue-style-loader'
})
优化
1.打包后体积过大
不生成.map文件
在config文件夹下的index.js中build对象中找到productionSourceMap属性,并修改为false
#### 2.配置路由懒加载
```
原本路径:import Login from '@/pages/Login'
修改为:const Login = () => import('@/pages/Login')
其他地方不用动
```
#### 3.清除生产环境中的console.log
```
在build文件夹中的webpack.prod.conf.js下找到uglifyOptions添加上
drop_debugger: true, // console
drop_console: true,
pure_funcs: ['console.log'] // 移除console
```
````js
new UglifyJsPlugin({
uglifyOptions: {
compress: {
warnings: false,
drop_debugger: true,
drop_console: true,
pure_funcs: ['console.log']
}
},
sourceMap: config.build.productionSourceMap,
parallel: true
}),