当前位置： 移动技术网 > IT编程>脚本编程>vue.js > 详解webpack打包vue时提取css

详解webpack打包vue时提取css

2018年04月26日  | 移动技术网IT编程  | 我要评论

金p梅,论坛下载,张满法

webpack打包vue项目的时候默认会把vue里的css打包到页面上。

webpack.config.js里的plugins加上以下配置

new webpack.loaderoptionsplugin({ 
  test:/\.vue$/, 
  options: { 
    vue: { 
      loaders: { 
        css: extracttextplugin.extract({ 
        fallback:'vue-style-loader',  
        use:'css-loader', 
        publicpath:"../" 
       }), 
      } 
    } 
  } 
)

这样可以把css提取到公共style里。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网