关于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 即可打包