vue-cli3 骨架屏开发阶段未注入样式

[asiareal]

例子/examples/vue-cli3 未实现开发阶段注入骨架屏样式

若在vue.config.js 开启 css.extract = true 开发阶段又无法实现样式热加载，请问该如何解决

[asiareal]

没人回复吗

[PengXing]

配置请贴一下

[asiareal]

配置请贴一下

vue.config.js

module.exports = {
  css: {
    // 打开开发阶段有骨架屏样式，但是所有样式无法热加载；关闭开发阶段无法加载骨架屏样式
    extract: true 
  }
}

[asiareal]

官方这个例子即可复现：vue-cli3

[PengXing]

嗯，我本地实验了一下，也改了改代码，webpack4 下 mini-css-extract-plugin 太难用了。。我还真不知道怎么改，把 process.env.NODE_ENV 改成 production 就可以渲染出 css

[luobinhang]

等待解决中...

[CongAn]

还没解决吗？凉了吗？？？

[heeronchang]

嗯，我本地实验了一下，也改了改代码，webpack4 下 mini-css-extract-plugin 太难用了。。我还真不知道怎么改，把 process.env.NODE_ENV 改成 production 就可以渲染出 css

我把 process.env.NODE_ENV 改成 production 还是没有渲染出 css 吖

[fimars]

暂时可以在vue-cli中设置css.extract: true来解决

[fimars]

// vue.config.js
module.exports = {
  ...
  ...
  css: {
    extract: true
  }
}