Rails 5：从纱线包中加载静态资产

Question

我目前在 Rails 5 项目中使用 vue2-dropzone。我已经用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 并包含资产的路径。见this。我一直在为这些类型的组件创建单独的包，然后将它们与应用程序包分开添加到 erb 中。