重慶分公司
重慶分公司，新征程啟航
為企業提供網站建設、域名注冊、服務器等服務
詳解webpack打包vue時提取css
webpack打包vue項目的時候默認會把vue里的css打包到頁面上。
創新互聯專注于企業全網營銷推廣、網站重做改版、呈貢網站定制設計、自適應品牌網站建設、成都h5網站建設、購物商城網站建設、集團公司官網建設、外貿營銷網站建設、高端網站制作、響應式網頁設計等建站業務，價格優惠性價比高，為呈貢等各大城市提供網站開發制作服務。
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里。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持創新互聯。
本文標題：詳解webpack打包vue時提取css
標題URL：http://www.xueling.net.cn/article/ipddph.html