Question

在我的vuejs项目中，我希望将我的个人css文件包含在从* .vue文件中的样式生成的生成的缩小css文件中

在App.vue中我有：

<style lang="scss">
  @import '/static/css/AdminLTE.min.css';
  @import '/static/css/style.css';
  @import '/static/js/plugins/pace/pace.min.css';
</style>

我使用ExtractTextPlugin来提取和缩小* .vue文件中的样式：

 // extract css into its own file
    new ExtractTextPlugin({
      filename: utils.assetsPath('css/[name].[contenthash].css')
    }),
    // Compress extracted CSS. We are using this plugin so that possible
    // duplicated CSS from different components can be deduped.
    new OptimizeCSSPlugin({
      cssProcessorOptions: {
        safe: true
      }
    }),

所以我的网站是插件中的app.conbtenthash.css文件和我导入的三个文件。但无论如何要将我的三个导入文件包含在app css文件中吗？

比你！

Answer 1

文档：https://vue-loader.vuejs.org/en/configurations/extract-css.html

类似的问题： Vue.js + Webpack multiple style tas output | how to extract vue files style into one seperate style.css file

所以你应该在ExtractTextPlugin中指定单个文件名

new ExtractTextPlugin("style.css")

Vuejs：包含webpack minified css中的css文件

1 个答案: