当前位置: 首页 > Web前端 > HTML

若一-分离版-避坑

时间:2023-03-28 18:35:40 HTML

1.打包,重叠的样式,视觉效果是:scoped似乎有些无效。注释掉loaderOptions并添加以下两行。css:{//loaderOptions:{//sass:{//sassOptions:{outputStyle:"expanded"}//}//}extract:false,//是否将组件中的CSS提取到单独的CSS文件中(而不是动态注入JavaScript的内联代码)。sourceMap:false//是否为CSS启用sourcemap。设置为true可能会影响构建性能。},2.router历史包项目,访问报错“Cannotfindmodule'@/views/system/user/index'”。修改:store/modules/permission.js原因:webpack4不支持变量方式动态导入,新版本使用require()解决了这个问题。exportconstloadView=(view)=>{if(process.env.NODE_ENV==='development'){return(resolve)=>require([`@/views/${view}`],resolve)}else{//在生产环境使用import实现路由的懒加载//return()=>import(`@/views/${view}`)//原因:webpack4不支持变量动态导入,新的版本使用require()来解决这个问题。返回(解决)=>要求([`@/views/${view}`],解决)}}