为了账号安全,请及时绑定邮箱和手机立即绑定

关于webpack多页配置的问题

关于webpack多页配置的问题

千万里不及你 2018-11-20 17:13:52
配置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',      }    ]  },
查看完整描述

1 回答

?
浮云间

TA贡献1829条经验 获得超4个赞

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


查看完整回答
反对 回复 2018-12-21
  • 1 回答
  • 0 关注
  • 514 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信