时间戳

首页 > 解决方案 > 如何使用 webpack 配置复制 npm 依赖项

npm - 如何使用 webpack 配置复制 npm 依赖项

问题描述

我有一个 vue chrome 扩展。我已将 bootstrap 4 作为依赖项安装，但我无法在 webpack 生成的 dist 文件夹中使用它。如何在运行npm run watch:dev命令之前自动复制我的依赖项？

标签： npmwebpackgoogle-chrome-extension

解决方案

这是我通常如何将节点包添加到发行版的示例。

const plugins = [
  new CopyWebpackPlugin(
    [
      { from: 'node_modules/../package.css', to: './dist/css/' },
    ],
  ),
];

然后将其添加为您的网络可访问资源manifest.json

"web_accessible_resources": [
  "dist/js/package.css"
],

然后你应该能够在你的 HTML 中访问它。

<link type="text/css" rel="stylesheet" href="./css/package.css"/>

推荐阅读