webpack打包如何将index.html同级的静态资源文件夹中的文件打包进去

发布于 2022-09-12 00:30:42 字数 962 浏览 21 评论 0

问题描述

自己手写的webpack4.x脚手架,发现执行yarn build之后的文件是有个报错的

index.html:1 GET file:///Users/xhfkindergarten/repository/webpack-react/dist/static/initGlobalSize.js net::ERR_FILE_NOT_FOUND

因为我在我的index.html模板里面引入了static。initialGlobalSize.js文件。但是这个文件似乎没有被打包进去

// index.html
<body>
  <div id="root"></div>
  <script src="./static/initGlobalSize.js"></script>
</body>
目录结构
|-index.html
|-static
|-src

想了想,在rules的include里面自己确实也只写了src这一个目录

include: resolve('src') // path.join(__dirname, '../src')

可是看了一下之前用过的脚手架,这一块也没有不同

别的尝试

我尝试将include改成一个数组

include: [
  resolve('src'), // path.join(__dirname, '../src')
  resolve('static')
],

求问这个问题应该如何解决~~~~

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

滴情不沾 2022-09-19 00:30:42
  1. CopyWebpackPlugin
  2. 如果你的模版用的 pug,然后用了 pug-loader,可以用类似 src=require('./1.js') 这样的语法(需要配置 file-loader)
沉鱼一梦 2022-09-19 00:30:42

这个不用打包啊,直接拷贝过去就行,不是有个webpack的拷贝插件

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文