Heroku 上未加载 jQuery-UI CSS

问题描述

我有一个 Rails 6 应用程序。在其中我使用默认的引导程序日期选择器。

到目前为止一切顺利。

现在本地选择器工作正常，但是当我将它部署到 Heroku 时，CSS 将丢失。

我确实在 application.js 中像这样引用了 css：

#...
global.$ = require("jquery")

require('jquery-ui')
require('jquery-ui-css')
#...

也在我的 environment.js 中，我有别名的参考：

# ...
environment.plugins.append("Provide",new webpack.ProvidePlugin({
    $: 'jquery',jQuery: 'jquery',Popper: ['popper.js','default']
}))

const aliasConfig = {
    'jquery-ui': 'jquery-ui-dist/jquery-ui.js','jquery-ui-css': 'jquery-ui-dist/jquery-ui.min.css'
};
environment.config.set('resolve.alias',aliasConfig);
module.exports = environment

部署到 heroku 时，日志中会提到 jquery-ui.min.css。所以我希望它是我的捆绑包的一部分。

remote:        WARNING in webpack performance recommendations: 
remote:        You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
remote:        For more info visit https://webpack.js.org/guides/code-splitting/
remote:        Child mini-css-extract-plugin node_modules/css-loader/dist/cjs.js??ref--5-1!node_modules/postcss-loader/src/index.js??ref--5-2!node_modules/jquery-ui-dist/jquery-ui.min.css:
remote:            Entrypoint mini-css-extract-plugin = *
remote:               9 modules

然而，当日期选择器被调用时，它看起来像这样：

作为一种解决方法，我确实添加了 jquery-ui.min.css 的内容并将其粘贴到我的 application.css。但我确实想知道如何配置这些引用以使其在我的生产环境中也可用。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）