const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
// 这里的types的选项，可以通过执行vue inspect > output.js，导出output.js，然后在output.js中查看
types.forEach(type => {
  config.module.rule('scss').oneOf(type).use('style-resource')
    .loader('style-resources-loader')
    .options({
      patterns: [
        path.resolve(__dirname, 'src/css/base.scss')
      ]
    })
})

const svgRule = config.module.rule('svg')
svgRule.uses.clear()
svgRule
  .use('svg-sprite-loader')
  .loader('svg-sprite-loader')
  .tap(options => {
    options = {
      symbolId: 'icon-[name]'
    }
    return options
  })

baseUrl: process.env.NODE_ENV !== 'development' ? '/vue_demo/dist/' : './'

module.exports = [
  {
    path: '/about',
    name: 'about',
    component: () => import('@/views/about.vue')
  },
  {
    path: '/help',
    name: 'help',
    component: () => import('@/views/help.vue')
  }
]

// 动态加载路由
function importAll (r) {
  r.keys().forEach(fileName => {
    if (/.\//.test(fileName)) {
      fileName = fileName.replace('./', '')
    }
    const file = require(`./routers/${fileName}`)
    routes = routes.concat(file)
  })
}
importAll(require.context('@/routers', true, /.js$/))

module.exports = {
  chainWebpack: config => {
    // 移除 prefetch 插件
    config.plugins.delete('prefetch')
  }
}

  "prod_dll": "NODE_ENV=production webpack --config webpack.dll.config.js --progress",
  "dev_dll": "NODE_ENV=development webpack --config webpack.dll.config.js --progress"

// chainWebpack中添加如下代码
chainWebpack: config => {
  const chunkFolder = process.env.NODE_ENV !== 'production' ? 'debug' : 'dist'
  config.plugin('dll-reference-plugin')
    .use(webpack.DllReferencePlugin)
    .tap(options => {
      options[0] = {
        context: __dirname,
        manifest: require(path.join(__dirname, `./src/common_chunk/${chunkFolder}/manifest.json`))
      }
      return options
    })
  config.plugin('add-asset-html-webpack-plugin')
    .use('add-asset-html-webpack-plugin')
    .tap(options => {
      options[0] = {
        filepath: path.resolve(__dirname, `./src/common_chunk/${chunkFolder}/lib_*.js`)
      }
      return options
    })
}

├── src
    ├── components                组件
        ├── common                  基础组件
            ├──svg_icon             svg组件
            ├──lazy_load            懒加载
            ├──loading              loading
            ├──message_box          消息box
            ├──toast                toast提醒
            ├──infinite_scroll      滚动指令
        ├── app                   项目相关的组件
    ├── minxins                   混合模式
    ├── views                     页面
    ├── assets                    静态资源
    ├── views                     页面
    └── libs                      函数库集合
        ├── app                   项目中操作库函数
            └── weixin            微信api相关
        ├── base                  基础函数聚合
            ├── http              http请求封装, 基于axios
            └── apis              接口请求url聚合
        ├── interfaces            调用聚合、方便引用
        └── utils                 工具函数封装
            └── index             常用函数聚合
    ├── imgs                      图片集合
    └── css                       样式集合
├── .env.development              开发环境全局变量管理文件
├── .env.stage                    预上线环境全局变量管理文件
├── .env.production               生产环境全局变量管理文件
├── .eslintrc.js                  eslint相关配置
├── babel.config.js               babel相关配置
└── vue.config.js                 vue-cli3创建的项目，需要通过该文件进行webpack配置编辑

  server {
    listen 80;
    server_name www.workspace.com;
    root /home/work/online/src/wx_ktv/dist/;
    location / {
      try_files $uri $uri/ /index.html;
    }
  }

127.0.0.1 www.workspace.com