vue.js - 用于生产的 VUE 构建不应用 CSS

Question

我已经购买了这个 VUE 模板。从它的文档中，如果我运行npm run install && npm run dev. 看起来是正确的

当我执行npm run build以使我的生产就绪项目时。如您所见，它看起来不一样：

我检查了生成的 HTML 中的 css 链接，只有一个指向“文件”。我相信是正确的......（？）

这里是vue.config.js：

module.exports = {

  publicPath: process.env.NODE_ENV === 'production' ? './' : './',
  outputDir: 'dist',
  assetsDir: 'app',
  indexPath: 'index.html',
  configureWebpack: {
    devtool: 'source-map'
  },

}

我的env.production样子：

NODE_ENV=production
VUE_APP_TITLE=My Base Front End

1. 我在配置文件中缺少什么？

Answer 1

stylesheet_pack_tag尝试在您的布局文件中为标签添加以下代码：

<%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>

我可以从过去的经验中回忆起类似的问题。