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')
],

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

阅读 5.2k

2 个回答

得票最新

✓ 已被采纳

用 CopyWebpackPlugin
如果你的模版用的 pug，然后用了 pug-loader，可以用类似 src=require('./1.js') 这样的语法（需要配置 file-loader）

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

撰写回答

推荐问题