关于webpack多页配置的问题

Question

• 配置webpack多页，用webpack-dev-server起服务的时候，是如何找到入口文件和切换不同页面的？这样就能优化首屏加载时间吗？

• 还有，在多页的情况下，CSS公共样式如何做到只引入一遍呢？比我我有index.html,login.html,admin.html三个页面，但是有一个公共的css，common.less，我如何将这个less文件引入？

• 如果是用vue做开发的，在webpack.config.js中配置vue-loader时，是不是可以这样，在vue-loader里面只需写一个less的加载器即可?这样就能实现用ExtractTextPlugin把css剥离出来吗？

    module: {
      rules: [
        {
          test: /\.vue$/,
          loader: 'vue-loader',
          options: {
            loaders: {
              less: ExtractTextPlugin.extract({
                use: 'css-loader!less-loader',
                fallback: 'vue-style-loader'
              })
            }
          }
        },
        {
          test: /\.js$/,
          loaders: 'babel-loader',
        }
      ]
    },

Answer 1

用 nuxt.js, 不局限于服务端渲染,跳转用 a 标签,就成多页应用了,然后执行 npm run generate 即可打包

Answer 2

链接描述

可以稍微看一下我这个webpack配置，，写的是vue多页面的 但是还没有优化好