我有一个使用vue cli生成的简单项目.当我运行vue-cli-service build命令时,它会正确地生成CSS文件.当我运行vue-cli-service build --watch命令时,它只生成JavaScript文件.没有CSS文件.

如何在监视模式下生成CSS文件?

推荐答案

有一个很好的机会,你必须使用一个提取插件的网页包.

我知道在我的vue.config.js文件中我使用了:

  chainWebpack: config => {
    if (config.plugins.has('extract-css')) {
      const extractCSSPlugin = config.plugin('extract-css');
      extractCSSPlugin &&
        extractCSSPlugin.tap(() => [
          {
            filename: 'build.css',
            chunkFilename: 'build.css'
          }
        ]);
    }
  }

希望这对你有帮助.然而,我认为vue在监视模式下将css插入到文件顶部,以实现自动重新渲染.

Vue.js相关问答推荐

Vue 3使用计算(computed)属性对象获取图像信息,在模板中呈现值时变为NaN

传单 vue3 组件变体打开错误的标记 - 单击时弹出

在 onMounted 之前渲染的 Vue 模板

作为props 传递的原始 ref 的 Vue 3 react 性

我在 nuxt2 中看不到索引页

Vue3 动态渲染

手动触发对观察到的对象/数组的更新

拖入 vue2-google-map 后如何获取标记位置?

VuetifyJS:如何摆脱 v-stepper 组件的提升?

Vuetify 置顶工具栏

确保在渲染组件之前加载 Vuex 状态

Webpack 你可能需要一个合适的加载器来处理这个文件类型

Vue-i18n '无法读取 Proxy.Vue.$t 处未定义的属性 '_t'

Leaflet+Vue+Vuetify / Leaflet map 隐藏 vuetify 弹出对话框

重新加载页面正在 vue 组件中的插槽上闪烁内容

使用 Vue.js & DataTable(jquery 插件)

Vue Js如何在单个文件模板中使用mixins?

v-for 中的计算(Computed)/动态(Dynamic) v-model 名称

在Vue中调用方法时的括号

vue-router 如何使用 hash 推送({name:"question"})?