若依 - 分离版 - 避坑

1.打包，样式重叠，视觉效果是：scoped似乎有些失效。
注释掉loaderOptions，增加下面两行。

css: {
    // loaderOptions: {
    //   sass: {
    //     sassOptions: { outputStyle: "expanded" }
    //   }
    // }
    extract: false, // 是否将组件中的 CSS 提取至一个独立的 CSS 文件中 (而不是动态注入到 JavaScript 中的 inline 代码)。
    sourceMap: false // 是否为 CSS 开启 source map。设置为 true 之后可能会影响构建的性能。
  },

2.router history打包项目，访问报错“Cannot find module '@/views/system/user/index'”。
修改：store/modules/permission.js
原因：webpack4 不支持变量方式的动态 import ，新版本的使用 require() 来解决此问题。

export const loadView = (view) => {
  if (process.env.NODE_ENV === 'development') {
    return (resolve) => require([`@/views/${view}`], resolve)
  } else {
    // 使用 import 实现生产环境的路由懒加载
    // return () => import(`@/views/${view}`)
    // 原因：webpack4 不支持变量方式的动态 import ，新版本的使用 require() 来解决此问题。 
    return (resolve) => require([`@/views/${view}`], resolve)
  }
}