webpack打包如何将index.html同级的静态资源文件夹中的文件打包进去
问题描述
自己手写的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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
src=require('./1.js')
这样的语法(需要配置 file-loader)这个不用打包啊,直接拷贝过去就行,不是有个webpack的拷贝插件