webpack打包vue时提取css

最新推荐文章于 2024-09-28 07:00:00 发布

jex_久尘

最新推荐文章于 2024-09-28 07:00:00 发布

阅读量8k

点赞数

分类专栏： vue 学习过程文章标签： vue

本文链接：https://blog.csdn.net/hbnight/article/details/71158027

版权

vue 学习过程专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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