vue.js - vue-cli 在 npm run build 后没有压缩 css 的解决办法

问题描述

问 题

感谢 @KingMario 的方法，亲测可用。
修改如下。
prod.config.js

npm i optimize-css-assets-webpack-plugin -D

  plugins: [
    // http://vuejs.github.io/vue-loader/en/workflow/production.html
    new webpack.DefinePlugin({
      'process.env': env
    }),
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      }
    }),
    new OptimizeCssAssetsPlugin(),
    // extract css into its own file
    new ExtractTextPlugin(utils.assetsPath('[name].[contenthash].css')),
  ]

解决方案

是这几天才 vue init 的吗？好像 webpack 模板升级到 webpack 2 了，相关的插件没有压缩 css，不是你修改配置的原因。

可以使用 optimize-css-assets-webpack-plugin 插件来实现 css 压缩

这篇关于vue.js - vue-cli 在 npm run build 后没有压缩 css 的解决办法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！