ruby-on-rails - Rails 5：从纱线包中加载静态资产

Question

我目前正在将 vue2-dropzone 用于 Rails 5 项目。我已经安装了它yarn add vue2-dropzone。该包包含来自rollup.config.js文件的样式，如下所示：

export default {
  moduleName: 'vue2Dropzone',
  entry: 'src/index.js',
  dest: 'dist/vue2Dropzone.js',
  format: 'umd',
  sourceMap: true,
  plugins: [
    vue({
      compileTemplate: true,
      css: 'dist/vue2Dropzone.css' // Here we are :)
    }),
    ...
  ]
};

虽然这对其他用户正确显示，但 Rails 或 Webpacker 似乎并没有选择这些资产（即vue2Dropzone.css）。

Rails/Webpacker 如何加载依赖项或静态资产？为什么不加载此文件？提前致谢！

Answer 1

您需要配置config/webpack.yml并包含资产的路径。看到这个。我一直在为这些类型的组件创建单独的包，然后将它们与应用程序包分开添加到 erb 中。