如何使用webpack配置复制npm依赖项_Npm_Webpack_Google Chrome Extension

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

npm webpack google-chrome-extension

如何使用webpack配置复制npm依赖项,npm,webpack,google-chrome-extension,Npm,Webpack,Google Chrome Extension,我有一个vue chrome扩展。我已经安装了Bootstrap4作为一个依赖项，但我不能在webpack的生成dist文件夹中使用它。如何在运行npm run watch:dev命令之前自动复制依赖项？以下是我通常如何将节点包添加到分发版的示例 const插件=[ 新的CopyWebpackPlugin( [ {从：'node_modules/./package.css'，到：'./dist/css/'}， ], ), ]; 然后在manifest.json “网络可访问资源”：[ “dis

我有一个vue chrome扩展。我已经安装了Bootstrap4作为一个依赖项，但我不能在webpack的生成dist文件夹中使用它。如何在运行

npm run watch:dev

命令之前自动复制依赖项？

以下是我通常如何将节点包添加到分发版的示例

const插件=[
新的CopyWebpackPlugin(
[
{从：'node_modules/./package.css'，到：'./dist/css/'}，
],
),
];

然后在

manifest.json

“网络可访问资源”：[
“dist/js/package.css”
],

然后您应该能够在HTML中访问它

以下是我通常如何将节点包添加到分发版的示例

const插件=[
新的CopyWebpackPlugin(
[
{从：'node_modules/./package.css'，到：'./dist/css/'}，
],
),
];

然后在

manifest.json

“网络可访问资源”：[
“dist/js/package.css”
],

然后您应该能够在HTML中访问它