如何在Office加载项中指定Office.JS版本及Webpack配置问题
问题2:修复Webpack CopyPlugin的文件复制问题
你的Webpack配置里,CopyPlugin的路径设置有误,导致文件没输出到预期位置,调整点如下:
- 修正
to路径
你当前写的to: '/dist/office'是绝对路径,会把文件输出到项目根目录的dist/office,而不是Webpack配置的output.path(也就是path.join(__dirname, 'dist'))下的office子目录。把to改成相对路径'office',同时用path.resolve确保from路径的准确性:
new CopyPlugin({ patterns: [ { from: path.resolve(__dirname, 'node_modules/@microsoft/office-js/dist'), to: 'office' } ] }),
验证源文件路径
确认node_modules/@microsoft/office-js/dist目录下确实存在你需要的文件(比如office.js、各类字符串文件等),如果路径不对,要对应调整from的路径。确保CopyPlugin版本兼容
如果你用的是copy-webpack-plugin旧版本(v5及以下),配置语法可能不一样,建议安装最新版本:
npm install copy-webpack-plugin --save-dev
- 在HTML中引用本地Office.js
配置调整后,在你的HTML文件里引用本地的Office.js:
<script src="/office/office.js"></script>
因为你的output.publicPath设为了'/',这个路径能正确指向dist/office/office.js。
做完这些后,重新运行Webpack构建,应该就能在dist/office目录下看到复制过来的文件了。
内容的提问来源于stack exchange,提问作者Tuma
相关产品推荐
相关产品推荐

