详解webpack打包vue时提取css

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里。

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

您可能感兴趣的文章:

• webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
• 浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
• 详解vue-cil和webpack中本地静态图片的路径问题解决方案
• 解决vue+webpack打包路径的问题
• vue-cli webpack模板项目搭建及打包时路径问题的解决方法
• vue cli使用绝对路径引用图片问题的解决
• 详谈vue+webpack解决css引用图片打包后找不到资源文件的问题