webpack2中CopyWebpackPlugin无法复制自动生成的文件

在webpack2中同时使用插件HtmlWebpackPlugin和CopyWebpackPlugin时,想将HtmlWebpackPlugin插件自动生成的文件,通过CopyWebpackPlugin插件自动复制到某个指定文件夹下。
HtmlWebpackPlugin插件写法如下:

new HtmlWebpackPlugin({
  title: '主页',
  filename: '../dist/static/Home.html',
  template: 'html/template.html',
  inject: true,
  chunks: ['vendor', 'manifest', 'Home'],
  minify: {
    removeComments: true,
    collapseWhitespace: true,
    removeAttributeQuotes: true
  },
  chunksSortMode: 'dependency'
})

CopyWebpackPlugin插件写法如下::

new CopyWebpackPlugin([
  {
    from: path.resolve(__dirname, '../dist/static'),
    to: path.resolve(__dirname, '../static'),
    force: true,
    toType: 'dir',
    ignore: ['.*']
  }
])

打包时报错如下:

ERROR in [copy-webpack-plugin] unable to locate 'C:\Users\Administrator\IdeaProjects\test\src\main\webapp\dist\static' at 'C:\Users\Administrator\IdeaProjects\test\src\main\webapp\dist\static'

个人推测,是CopyWebpackPlugin插件准备复制的时候,HtmlWebpackPlugin插件还没生成对应的文件/文件夹。请问这种情况应该如何解决?

阅读 18.5k
6 个回答

在根目录下加一个static文件夹
图片描述

文件找不见,需要换下路径,这个是我的配置文件,也有用到copy这个功能;有一点需要说明,就是dev模式下,打包的文件不会输出到output,只有打包pro模式下,才会输出

新手上路,请多包涵

这个要看你的项目里存不存在这个路径。

新手上路,请多包涵

同样的问题,解决了吗?@nelsonnick

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题